@ic3/reporting-api 8.3.0-alpha.1 → 8.4.0-alpha.1

package/dist/PublicTemplateForm.d.ts

@@ -4,7 +4,7 @@ import * as React from "react";
 import { AutocompleteRenderInputParams, AutocompleteRenderOptionState } from "@mui/material/Autocomplete/Autocomplete";
 import { ChartTemplateDataMapping, IFormFieldGranularityItem, TidyColumnsType, TidyTableColumnSelector } from "./PublicTidyTableTypes";
 import { ITidyTable } from "./PublicTidyTable";
-export declare type Hook<T> = {
+export type Hook<T> = {
     hook: (value: T) => void;
 };
 export declare function formFieldIsSelection(field: IFormFieldDef<any>): boolean;
@@ -58,6 +58,7 @@ export interface IFormFieldDef<DEFAULT_VALUE_TYPE> {
      * An optional field path value. The value of this field depends on the value of the dependsOn field.
      */
     dependsOn?: string | string[];
+    dependsOnReset?: true;
     /**
      * When defined a function that returns the visibility of the field according to the dependsOn value.
      */
@@ -81,7 +82,7 @@ export interface IFormFieldDef<DEFAULT_VALUE_TYPE> {
 export interface FormFieldObject {
     readonly '0242ac130003': '0242ac130003';
 }
-export declare type FormFields<T extends FormFieldObject> = {
+export type FormFields<T extends FormFieldObject> = {
     [key in keyof Omit<T, '0242ac130003'>]-?: // make the key mandatory even though the field is optional
     (Required<T>[key] extends FormFieldObject ? {
         defaultValue?: any;
@@ -97,14 +98,14 @@ export declare type FormFields<T extends FormFieldObject> = {
     } | {
         defaultValue?: any;
         mandatory?: false;
-    }) & (Required<T>[key] extends FormFieldObject ? Omit<IFormEmbeddedFieldDef<Required<T>[key]>, 'fieldPath'> : Required<T>[key] extends IPaletteDef ? Omit<IFormPaletteEditorFieldDef, 'fieldPath'> : Required<T>[key] extends IColorDef ? Omit<IFormColorEditorFieldDef, 'fieldPath'> : Required<T>[key] extends TidyTableColumnSelector[] ? Omit<IFormColumnChooserMultipleFieldDef, 'fieldPath'> : Required<T>[key] extends TidyTableColumnSelector ? Omit<IFormColumnChooserSingleFieldDef, 'fieldPath'> : Required<T>[key] extends IFormEventMappingArrayFieldDefType ? Omit<IFormEventMappingArrayFieldDef, 'fieldPath'> : Required<T>[key] extends IFormEventArrayFieldDefType ? Omit<IFormEventArrayFieldDef, 'fieldPath'> : Required<T>[key] extends Hook<any> ? Omit<IFormHookFieldDef<any>, 'fieldPath'> : Required<T>[key] extends boolean ? Omit<IFormBooleanFieldDef, 'fieldPath'> : Required<T>[key] extends number ? Omit<IFormNumberFieldDef, 'fieldPath'> : Required<T>[key] extends number ? Omit<IFormMaskFieldDef, 'fieldPath'> : Required<T>[key] extends string ? Omit<IFormOptionFieldSingleDef, 'fieldPath'> | Omit<IFormStringFieldDef, 'fieldPath'> | Omit<IFormFormatterPickerFieldDef, 'fieldPath'> | Omit<IFormWidgetVariantFieldDef, 'fieldPath'> | Omit<IFormTidyTableTextExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableTextRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableHtmlRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableHtmlExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableNumericExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableNumericRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableColorRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableStringRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableScaleRowExprFieldDef, 'fieldPath'> | Omit<IFormJsFieldDef, 'fieldPath'> | Omit<IFormJsonFieldDef, 'fieldPath'> | Omit<IFormMarkdownFieldDef, 'fieldPath'> | Omit<IFormOptionFieldReportPathDef, 'fieldPath'> : Required<T>[key] extends string[] ? Omit<IFormOptionFieldMultipleDef, 'fieldPath'> | Omit<IFormGroupsFieldDef, 'fieldPath'> : never);
+    }) & (Required<T>[key] extends FormFieldObject ? Omit<IFormEmbeddedFieldDef<Required<T>[key]>, 'fieldPath'> : Required<T>[key] extends IPaletteDef ? Omit<IFormPaletteEditorFieldDef, 'fieldPath'> : Required<T>[key] extends IColorDef ? Omit<IFormColorEditorFieldDef, 'fieldPath'> : Required<T>[key] extends TidyTableColumnSelector[] ? Omit<IFormColumnChooserMultipleFieldDef, 'fieldPath'> : Required<T>[key] extends TidyTableColumnSelector ? Omit<IFormColumnChooserSingleFieldDef, 'fieldPath'> : Required<T>[key] extends IFormEventMappingArrayFieldDefType ? Omit<IFormEventMappingArrayFieldDef, 'fieldPath'> : Required<T>[key] extends IFormEventArrayFieldDefType ? Omit<IFormEventArrayFieldDef, 'fieldPath'> : Required<T>[key] extends IFormSearchAndReplaceArrayFieldDefType ? Omit<IFormSearchAndReplaceArrayFieldDef, 'fieldPath'> : Required<T>[key] extends Hook<any> ? Omit<IFormHookFieldDef<any>, 'fieldPath'> : Required<T>[key] extends boolean ? Omit<IFormBooleanFieldDef, 'fieldPath'> : Required<T>[key] extends number ? Omit<IFormNumberFieldDef, 'fieldPath'> : Required<T>[key] extends number ? Omit<IFormMaskFieldDef, 'fieldPath'> : Required<T>[key] extends string ? Omit<IFormOptionFieldSingleDef, 'fieldPath'> | Omit<IFormStringFieldDef, 'fieldPath'> | Omit<IFormFormatterPickerFieldDef, 'fieldPath'> | Omit<IFormWidgetVariantFieldDef, 'fieldPath'> | Omit<IFormTidyTableTextExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableTextRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableHtmlRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableHtmlExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableNumericExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableNumericRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableColorRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableStringRowExprFieldDef, 'fieldPath'> | Omit<IFormTidyTableScaleRowExprFieldDef, 'fieldPath'> | Omit<IFormJsFieldDef, 'fieldPath'> | Omit<IFormJsonFieldDef, 'fieldPath'> | Omit<IFormMarkdownFieldDef, 'fieldPath'> | Omit<IFormOptionFieldReportPathDef, 'fieldPath'> : Required<T>[key] extends string[] ? Omit<IFormOptionFieldMultipleDef, 'fieldPath'> | Omit<IFormGroupsFieldDef, 'fieldPath'> : never);
 };
 export declare enum IFormFieldGroupTypes {
     Selection = "selection",
     FilterGeneralOption = "filterGeneralOptionsGroup",
     FilterItem = "filterItemGroup"
 }
-export declare type FormFieldType = 
+export type FormFieldType = 
 /**
  * @see IFormReportPathFieldDef
  */
@@ -260,15 +261,19 @@ export declare type FormFieldType =
 /**
  * @see IFormGranularitySelectionFieldDef
  */
-"granularityChooser";
-export declare type FormFieldTidyTableExprType = "tidyTableHtmlExpr" | "tidyTableHtmlRowExpr" | "tidyTableNumericExpr" | "tidyTableNumericRowExpr" | "tidyTableScaleRowExpr" | "tidyTableTextExpr" | "tidyTableTextRowExpr" | "tidyTableStringRowExpr" | "tidyTableColorRowExpr";
+"granularityChooser" | 
+/**
+ * @see IFormSearchAndReplaceArrayFieldDefType
+ */
+"searchAndReplaceArray";
+export type FormFieldTidyTableExprType = "tidyTableHtmlExpr" | "tidyTableHtmlRowExpr" | "tidyTableNumericExpr" | "tidyTableNumericRowExpr" | "tidyTableScaleRowExpr" | "tidyTableTextExpr" | "tidyTableTextRowExpr" | "tidyTableStringRowExpr" | "tidyTableColorRowExpr";
 export declare function isTidyTableExpr(type: FormFieldType): type is FormFieldTidyTableExprType;
 export declare function isTidyTableExprTable(type: FormFieldType): boolean;
 export declare function isTidyTableExprRow(type: FormFieldType): boolean;
-export declare function isTidyTableExprText(type: FormFieldType): boolean;
-export declare function isTidyTableExprTextHtml(type: FormFieldType): boolean;
-export declare function isTidyTableExprNumeric(type: FormFieldType): boolean;
-export declare function isTidyTableExprScale(type: FormFieldType): boolean;
+export declare function isTidyTableExprText(type: FormFieldType): type is "tidyTableTextExpr" | "tidyTableTextRowExpr";
+export declare function isTidyTableExprTextHtml(type: FormFieldType): type is "tidyTableHtmlExpr" | "tidyTableHtmlRowExpr";
+export declare function isTidyTableExprNumeric(type: FormFieldType): type is "tidyTableNumericExpr" | "tidyTableNumericRowExpr";
+export declare function isTidyTableExprScale(type: FormFieldType): type is "tidyTableScaleRowExpr";
 /**
  * Error messages for field suggestions and value candidates.
  * Put translations in ReportLocalization.csv.
@@ -285,8 +290,8 @@ export declare enum AutocompleteNoOptionsText {
 export declare enum AutocompleteActions {
     ADD_COLOR = "ADD_COLOR"
 }
-export declare type CodeMirrorMode = "plain" | "mdx" | "sql" | "js" | "json" | "csv" | "md" | FormFieldTidyTableExprType;
-export declare type FormFieldDialogEditorModelType = "unknown" | "markdown" | "mdxExpression" | FormFieldTidyTableExprType;
+export type CodeMirrorMode = "plain" | "mdx" | "sql" | "js" | "json" | "csv" | "md" | FormFieldTidyTableExprType;
+export type FormFieldDialogEditorModelType = "unknown" | "markdown" | "mdxExpression" | FormFieldTidyTableExprType;
 export interface IColorDef {
     /**
      * aka. name
@@ -361,9 +366,9 @@ export interface IFormColorEditorFieldDef extends IFormFieldDef<IColorDef> {
  * selected by the user or in the fallback.
  *
  */
-export declare type IFormColumnChooserFieldDef = IFormColumnChooserSingleFieldDef | IFormColumnChooserMultipleFieldDef;
-export declare type IFormColumnChooserSingleFieldDef = IFormColumnChooserBaseDef<TidyTableColumnSelector>;
-export declare type IFormColumnChooserMultipleFieldDef = IFormColumnChooserBaseDef<TidyTableColumnSelector[]>;
+export type IFormColumnChooserFieldDef = IFormColumnChooserSingleFieldDef | IFormColumnChooserMultipleFieldDef;
+export type IFormColumnChooserSingleFieldDef = IFormColumnChooserBaseDef<TidyTableColumnSelector>;
+export type IFormColumnChooserMultipleFieldDef = IFormColumnChooserBaseDef<TidyTableColumnSelector[]>;
 interface IFormColumnChooserBaseDef<T extends TidyTableColumnSelector | TidyTableColumnSelector[]> extends IFormFieldDef<T> {
     fieldType: "columnsChooser";
     editorConf?: {
@@ -444,7 +449,7 @@ export interface IFormConstantsFieldDef extends IFormFieldDef<any> {
 /**
  * @see FormFieldDef
  */
-export declare type IFormEventMappingArrayFieldDefType = {
+export type IFormEventMappingArrayFieldDefType = {
     toEvent: string;
     fromEvent: string;
 }[];
@@ -454,7 +459,17 @@ export interface IFormEventMappingArrayFieldDef extends IFormFieldDef<IFormEvent
 /**
  * @see FormFieldDef
  */
-export declare type IFormEventArrayFieldDefType = {
+export type IFormSearchAndReplaceArrayFieldDefType = {
+    from: string;
+    to: string;
+}[];
+export interface IFormSearchAndReplaceArrayFieldDef extends IFormFieldDef<IFormSearchAndReplaceArrayFieldDefType> {
+    fieldType: "searchAndReplaceArray";
+}
+/**
+ * @see FormFieldDef
+ */
+export type IFormEventArrayFieldDefType = {
     event: string;
 }[];
 export interface IFormEventArrayFieldDef extends IFormFieldDef<IFormEventArrayFieldDefType> {
@@ -515,7 +530,7 @@ export interface IFormMarkdownFieldDef extends IFormFieldDef<string> {
         singleLine: false;
     };
 }
-export declare type MdxExpressionType = "calcMeasure" | "drilldown";
+export type MdxExpressionType = "calcMeasure" | "drilldown";
 /**
  * @see FormFieldDef
  */
@@ -563,7 +578,7 @@ export interface IFormMaskFieldDef extends IFormFieldDef<number> {
  *
  * @see FormFieldDef
  */
-export declare type IFormOptionFieldDef = IFormOptionFieldMultipleDef | IFormOptionFieldSingleDef;
+export type IFormOptionFieldDef = IFormOptionFieldMultipleDef | IFormOptionFieldSingleDef;
 export interface IFormOptionFieldMultipleDef extends IFormFieldDef<string[]> {
     fieldType: "option";
     editorConf: {
@@ -668,6 +683,10 @@ export interface IFormTidyTableHtmlExprFieldDef extends IFormFieldDef<string> {
          * The default selected columns come from the second dependsOn option.
          */
         useSelectedColumns?: boolean;
+        /**
+         * If true, the user can use $value.totalSelectedOrTotal$ to get the total of the selected for this field.
+         */
+        allowTotalOfSelection?: boolean;
     };
 }
 /**
@@ -897,5 +916,5 @@ export interface IFormWidgetVariantFieldDef extends IFormFieldDef<string> {
 export interface IFormFormatterPickerFieldDef extends IFormFieldDef<string> {
     fieldType: "formatterPicker";
 }
-export declare type FormFieldDef = IFormAutocompleteFieldDef<any> | IFormBooleanFieldDef | IFormColorEditorFieldDef | IFormColumnChooserFieldDef | IFormColumnSelectionFieldDef | IFormConstantsFieldDef | IFormEventArrayFieldDef | IFormEventMappingArrayFieldDef | IFormFileUploaderFieldDef | IFormGroupsFieldDef | IFormJsFieldDef | IFormMarkdownFieldDef | IFormMaskFieldDef | IFormMdxFieldDef | IFormNumberFieldDef | IFormOptionFieldDef | IFormOptionFieldSingleDef | IFormOptionFieldMultipleDef | IFormPaletteEditorFieldDef | IFormReportPathFieldDef | IFormReportPermaLinkFieldDef | IFormStringFieldDef | IFormTidyTableHtmlExprFieldDef | IFormTidyTableHtmlRowExprFieldDef | IFormTidyTableNumericExprFieldDef | IFormTidyTableNumericRowExprFieldDef | IFormTidyTableStringRowExprFieldDef | IFormTidyTableColorRowExprFieldDef | IFormTidyTableScaleRowExprFieldDef | IFormTidyTableTextExprFieldDef | IFormTidyTableTextRowExprFieldDef | IFormWidgetVariantFieldDef | IFormFormatterPickerFieldDef | IFormGranularitySelectionFieldDef;
+export type FormFieldDef = IFormAutocompleteFieldDef<any> | IFormBooleanFieldDef | IFormColorEditorFieldDef | IFormColumnChooserFieldDef | IFormColumnSelectionFieldDef | IFormConstantsFieldDef | IFormEventArrayFieldDef | IFormEventMappingArrayFieldDef | IFormFileUploaderFieldDef | IFormGroupsFieldDef | IFormJsFieldDef | IFormMarkdownFieldDef | IFormMaskFieldDef | IFormMdxFieldDef | IFormNumberFieldDef | IFormOptionFieldDef | IFormOptionFieldSingleDef | IFormOptionFieldMultipleDef | IFormPaletteEditorFieldDef | IFormReportPathFieldDef | IFormReportPermaLinkFieldDef | IFormStringFieldDef | IFormTidyTableHtmlExprFieldDef | IFormTidyTableHtmlRowExprFieldDef | IFormTidyTableNumericExprFieldDef | IFormTidyTableNumericRowExprFieldDef | IFormTidyTableStringRowExprFieldDef | IFormTidyTableColorRowExprFieldDef | IFormTidyTableScaleRowExprFieldDef | IFormTidyTableTextExprFieldDef | IFormTidyTableTextRowExprFieldDef | IFormWidgetVariantFieldDef | IFormFormatterPickerFieldDef | IFormGranularitySelectionFieldDef | IFormSearchAndReplaceArrayFieldDef;
 export {};

package/dist/PublicTemplateForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublicTemplateForm.js","sourceRoot":"","sources":["../src/PublicTemplateForm.ts"],"names":[],"mappings":";;;AAkBA,SAAgB,oBAAoB,CAAC,KAAyB;IAC1D,OAAO,KAAK,CAAC,KAAK,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAC1D,CAAC;AAFD,oDAEC;AAqJD,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC5B,+CAAuB,CAAA;IACvB,yEAAiD,CAAA;IACjD,sDAA8B,CAAA;AAClC,CAAC,EAJW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAI/B;AAgLD,SAAgB,eAAe,CAAC,IAAmB;IAC/C,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,yBAAyB;WAClC,IAAI,KAAK,wBAAwB;WACjC,IAAI,KAAK,uBAAuB;WAChC,IAAI,KAAK,uBAAuB,CAClC;AACT,CAAC;AAXD,0CAWC;AAED,SAAgB,oBAAoB,CAAC,IAAmB;IACpD,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB,CACjC;AACT,CAAC;AALD,oDAKC;AAED,SAAgB,kBAAkB,CAAC,IAAmB;IAClD,OAAO,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,yBAAyB;WAClC,IAAI,KAAK,wBAAwB;WACjC,IAAI,KAAK,uBAAuB;WAChC,IAAI,KAAK,uBAAuB,CAClC;AACT,CAAC;AARD,gDAQC;AAED,SAAgB,mBAAmB,CAAC,IAAmB;IACnD,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB,CACjC;AACT,CAAC;AAJD,kDAIC;AAED,SAAgB,uBAAuB,CAAC,IAAmB;IACvD,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB,CACjC;AACT,CAAC;AAJD,0DAIC;AAED,SAAgB,sBAAsB,CAAC,IAAmB;IACtD,OAAO,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,yBAAyB,CACpC;AACT,CAAC;AAJD,wDAIC;AAED,SAAgB,oBAAoB,CAAC,IAAmB;IACpD,OAAO,IAAI,KAAK,uBAAuB,CAClC;AACT,CAAC;AAHD,oDAGC;AAED;;;GAGG;AACH,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACjC,sDAAyB,CAAA;IACzB,sDAAyB,CAAA;IACzB,gEAAmC,CAAA;IACnC,gEAAmC,CAAA;AACvC,CAAC,EALW,yBAAyB,GAAzB,iCAAyB,KAAzB,iCAAyB,QAKpC;AAED;;GAEG;AACH,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC3B,8CAAuB,CAAA;AAC3B,CAAC,EAFW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAE9B"}
+{"version":3,"file":"PublicTemplateForm.js","sourceRoot":"","sources":["../src/PublicTemplateForm.ts"],"names":[],"mappings":";;;AAkBA,SAAgB,oBAAoB,CAAC,KAAyB;IAC1D,OAAO,KAAK,CAAC,KAAK,KAAK,oBAAoB,CAAC,SAAS,CAAC;AAC1D,CAAC;AAFD,oDAEC;AAwJD,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC5B,+CAAuB,CAAA;IACvB,yEAAiD,CAAA;IACjD,sDAA8B,CAAA;AAClC,CAAC,EAJW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAI/B;AAoLD,SAAgB,eAAe,CAAC,IAAmB;IAC/C,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,yBAAyB;WAClC,IAAI,KAAK,wBAAwB;WACjC,IAAI,KAAK,uBAAuB;WAChC,IAAI,KAAK,uBAAuB,CAClC;AACT,CAAC;AAXD,0CAWC;AAED,SAAgB,oBAAoB,CAAC,IAAmB;IACpD,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB,CACjC;AACT,CAAC;AALD,oDAKC;AAED,SAAgB,kBAAkB,CAAC,IAAmB;IAClD,OAAO,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,yBAAyB;WAClC,IAAI,KAAK,wBAAwB;WACjC,IAAI,KAAK,uBAAuB;WAChC,IAAI,KAAK,uBAAuB,CAClC;AACT,CAAC;AARD,gDAQC;AAED,SAAgB,mBAAmB,CAAC,IAAmB;IACnD,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB,CACjC;AACT,CAAC;AAJD,kDAIC;AAED,SAAgB,uBAAuB,CAAC,IAAmB;IACvD,OAAO,IAAI,KAAK,mBAAmB;WAC5B,IAAI,KAAK,sBAAsB,CACjC;AACT,CAAC;AAJD,0DAIC;AAED,SAAgB,sBAAsB,CAAC,IAAmB;IACtD,OAAO,IAAI,KAAK,sBAAsB;WAC/B,IAAI,KAAK,yBAAyB,CACpC;AACT,CAAC;AAJD,wDAIC;AAED,SAAgB,oBAAoB,CAAC,IAAmB;IACpD,OAAO,IAAI,KAAK,uBAAuB,CAClC;AACT,CAAC;AAHD,oDAGC;AAED;;;GAGG;AACH,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACjC,sDAAyB,CAAA;IACzB,sDAAyB,CAAA;IACzB,gEAAmC,CAAA;IACnC,gEAAmC,CAAA;AACvC,CAAC,EALW,yBAAyB,GAAzB,iCAAyB,KAAzB,iCAAyB,QAKpC;AAED;;GAEG;AACH,IAAY,mBAEX;AAFD,WAAY,mBAAmB;IAC3B,8CAAuB,CAAA;AAC3B,CAAC,EAFW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAE9B"}

package/dist/PublicTemplates.d.ts

@@ -18,6 +18,7 @@ import { FilterSliderChartOptions } from "./theme/ThemeFilterSlider";
 import { FilterAutocompleteChartOptions } from "./theme/ThemeFilterAutocomplete";
 import { FilterTreeChartOptions } from "./theme/ThemeFilterTree";
 import { AmCharts4BubbleChartOptions, AmCharts4ComboChartOptions, AmCharts4DonutChartOptions, AmCharts4GaugeChartOptions, AmCharts4HistogramOptions, AmCharts4RegularAreaChartOptions, AmCharts4RegularBarChartOptions, AmCharts4RegularColumnChartOptions, AmCharts4RegularLineChartOptions, AmCharts4SankeyDiagramOptions, AmCharts4ScatterPlotOptions, AmCharts4StackedAreaChartOptions, AmCharts4StackedBarChartOptions, AmCharts4StackedColumnChartOptions, AmCharts4TreemapOptions, GeoMapChartOptions } from "./theme/ThemeAmCharts4";
+import { PrintButtonChartOptions } from "./theme/ThemePrintButton";
 interface IWidgetTemplateChartOptions {
     "ic3.DatePicker": DatePickerChartOptions;
     "ic3.EmbeddedReport": EmbeddedReportChartOptions;
@@ -35,6 +36,7 @@ interface IWidgetTemplateChartOptions {
     "ic3.KpiBox": KpiBoxChartOptions;
     "ic3.KpiCard": KpiCartChartOptions;
     "ic3.MarkdownText": MarkdownTextChartOptions;
+    "ic3.PrintButton": PrintButtonChartOptions;
     "ic3.PivotTable": PivotTableChartOptions;
     "ic3.RepetitionWidget": RepetitionWidgetChartOptions;
     "ic3.Table": TableChartOptions;
@@ -55,8 +57,8 @@ interface IWidgetTemplateChartOptions {
     "amCharts4.AmCharts4TreeMap": AmCharts4TreemapOptions;
     "amCharts4.AmCharts4GeoMap": GeoMapChartOptions;
 }
-export declare type WidgetTemplateChartOptions = IWidgetTemplateChartOptions & {
+export type WidgetTemplateChartOptions = IWidgetTemplateChartOptions & {
     [key: string]: FormFieldObject;
 };
-export declare type WidgetTemplateIDs = keyof IWidgetTemplateChartOptions;
+export type WidgetTemplateIDs = keyof IWidgetTemplateChartOptions;
 export {};

package/dist/PublicTheme.d.ts

@@ -1,63 +1,106 @@
 /// <reference types="google.maps" />
-/// <reference types="googlemaps" />
 /// <reference types="markerclustererplus" />
-import { ComponentsOverrides, ComponentsVariants } from "@mui/material";
+import { ComponentsOverrides, ComponentsVariants, Interpolation, Theme } from "@mui/material";
 import { IPublicWidgetTemplateDefinition } from "./PublicTemplate";
 import { IWidgetLayoutDefinition } from "./PublicLayout";
 import { IThemeWidgetDefaults } from "./IThemeManager";
 import { AlertDialogClassKey } from "./theme/ThemeAlertDialog";
 import { AppClassKey, AppDivProps } from "./theme/ThemeApp";
 import { ErrorRendererClassKey } from "./theme/ThemeErrorRenderer";
-import { HtmlBoxClassKey, HtmlBoxProps } from "./theme/ThemeHtmlBox";
+import { HtmlBoxClassKey, StyledHtmlBoxProps } from "./theme/ThemeHtmlBox";
 import { LayoutClassKey } from "./theme/ThemeLayout";
 import { LayoutPageClassKey } from "./theme/ThemeLayoutPage";
 import { ReportAppBarClassKey } from "./theme/ThemeReportAppBar";
-import { WidgetBoxClassKey } from "./theme/ThemeWidgetBox";
+import { WidgetBoxClassKey, WidgetBoxDivProps } from "./theme/ThemeWidgetBox";
 import { WidgetBoxContentMessageClassKey } from "./theme/ThemeWidgetBoxContentMessage";
+import * as React from "react";
 import { ReactElement } from "react";
 import { TypographyStyleOptions } from "@mui/material/styles/createTypography";
 import { Property } from "csstype";
-import { FilterButtonsChartOptions, FilterButtonsClassKey } from "./theme/ThemeFilterButtons";
-import { FilterSliderChartOptions, FilterSliderClassKey } from "./theme/ThemeFilterSlider";
+import { FilterButtonsClassKey, FilterButtonsProps } from "./theme/ThemeFilterButtons";
+import { FilterSliderClassKey, FilterSliderProps } from "./theme/ThemeFilterSlider";
 import { GoogleMarkerVariantChartOptions } from "./theme/ThemeGoogleMarker";
 import { IPublicContext } from "./PublicContext";
 import { TableClassKey, TableProps } from "./theme/ThemeTable";
 import { PivotTableClassKey, PivotTableProps } from "./theme/ThemePivotTable";
 import { Components } from "@mui/material/styles/components";
 import { FilterPanelClassesKey, FilterPanelProps } from "./theme/ThemeFilterPanel";
-import { FilterCheckboxRadioChartOptions, FilterCheckboxRadioClassKey } from "./theme/ThemeFilterCheckboxRadio";
+import { FilterCheckboxProps, FilterCheckboxRadioClassKey } from "./theme/ThemeFilterCheckboxRadio";
 import { ReportAppLeftPanelClassKey } from "./theme/ThemeReportAppLeftPanel";
-import { FilterTreeChartOptions, FilterTreeClassKey } from "./theme/ThemeFilterTree";
-import { DatePickerChartOptions, DatePickerClassKey } from "./theme/ThemeDatePicker";
-import { FilterAutocompleteChartOptions, FilterAutocompleteClassesKey } from "./theme/ThemeFilterAutocomplete";
+import { FilterTreeClassKey, FilterTreeProps } from "./theme/ThemeFilterTree";
+import { DatePickerClassKey, FilterDatePickerProps } from "./theme/ThemeDatePicker";
+import { FilterAutocompleteClassesKey, FilterAutocompleteProps } from "./theme/ThemeFilterAutocomplete";
 import { AppMenuIconClassKey, AppMenuIconProps } from "./theme/ThemeAppMenuIcon";
 import { QueryBuilderNodeClassKey, QueryBuilderNodeProps } from "./theme/ThemeQueryBuilderNode";
 import { KpiCardClassKey, KpiCardProps } from "./theme/ThemeKpiCard";
+import { ListCounterClassKey, ListCounterProps } from "./theme/ThemeListCounter";
+import { LazyTreeClassesClassKey, LazyTreeProps } from "./theme/ThemeLazyTreeClasses";
+import { PrintButtonClassKey, StyledPrintButtonDivProps } from "./theme/ThemePrintButton";
+import { CodeMirrorClassesKey } from "./theme/ThemeCodeMirror";
+import { WidgetTemplateChartOptions } from "./PublicTemplates";
+import { WidgetFilteredByClassesKey } from "./theme/ThemeWidgetFilteredBy";
+export type Ic3ChartVariants = {
+    [Name in keyof WidgetTemplateChartOptions]?: Array<{
+        props: {
+            variant: string;
+        };
+        /**
+         * Default props define the default options for the widget.
+         */
+        defaultProps: Partial<WidgetTemplateChartOptions[Name]>;
+    }>;
+};
+export type Ic3WidgetComponentVariants = Array<{
+    props: {
+        variant: string;
+    };
+    style: Interpolation<{
+        theme: Theme;
+    }>;
+}>;
 export interface INoSchemaRendererOptions {
     missingSchema: string;
 }
-export declare type ThemeTextFormatter = {
+export type ThemeTextFormatter = {
     formatReport: ((value: any, locale: string) => string) | string;
     formatExcel?: string;
 };
-export declare type ThemeTextFormatters = Record<string, ThemeTextFormatter> & {
+export type ThemeTextFormatters = Record<string, ThemeTextFormatter> & {
     defaultDate: ThemeTextFormatter;
     defaultNumber: ThemeTextFormatter;
     defaultAmount: ThemeTextFormatter;
     defaultPercentage: ThemeTextFormatter;
 };
-export declare type ThemeFormatters = {
+export type ThemeFormatters = {
     text: ThemeTextFormatters;
     emptyCell: string;
     amCharts4: Amcharts4ThemeDateFormatter;
+    /**
+     * When using #a in a formatter, large values get divided and a letter gets added. Here, you can specify the number
+     * to divide by and which letter to add. E.g., 1.000 and 'k' divides numbers between 1.000 and 1.000.000 by a
+     * thousand and adds an 'k'.
+     */
+    bigNumberPrefixes?: {
+        number: number;
+        suffix: string;
+    }[];
+    /**
+     * When using #a in a formatter, small values get multiplied and a letter gets added. Here, you can specify the
+     * multiplier and the letter. For example, { "number": 1e-6, "suffix": "μ" }, multiplies numbers between 1e-6 and
+     * 1e-9 by 1e6 and adds the letter μ.
+     */
+    smallNumberPrefixes?: {
+        number: number;
+        suffix: string;
+    }[];
 };
-export declare type ThemeTextFormattersOptions = Record<string, ThemeTextFormatter> & {
+export type ThemeTextFormattersOptions = Record<string, ThemeTextFormatter> & {
     defaultDate?: ThemeTextFormatter;
     defaultNumber?: ThemeTextFormatter;
     defaultAmount?: ThemeTextFormatter;
     defaultPercentage?: ThemeTextFormatter;
 };
-declare type Amcharts4ThemeDateFormatter = {
+type Amcharts4ThemeDateFormatter = {
     /**
      * Amcharts date formatter.
      * Read more about the format codes here: https://www.amcharts.com/docs/v4/concepts/formatters/formatting-date-time/#Format_codes
@@ -98,15 +141,9 @@ declare type Amcharts4ThemeDateFormatter = {
         };
     };
 };
-declare type DeepPartial<T> = {
+type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Record<string, unknown> ? DeepPartial<T[P]> : T[P];
 };
-declare type Amcharts4ThemeDateFormatterOptions = DeepPartial<Amcharts4ThemeDateFormatter>;
-export declare type ThemeFormattersOptions = {
-    text?: ThemeTextFormattersOptions;
-    emptyCell?: string;
-    amCharts4?: Amcharts4ThemeDateFormatterOptions;
-};
 export interface ic3Palette {
     /**
      * The color for the page background (can be overridden at layout level).
@@ -153,6 +190,30 @@ export interface ic3Palette {
      * If null or undefined, returns onHover color
      */
     onHover: (color?: Property.Color | undefined | null) => Property.Color;
+    mdx: {
+        annotation: string;
+        comment: string;
+        definitionKeyword: string;
+        keyword: string;
+        labelName: string;
+        number: string;
+        operator: string;
+        propertyName: string;
+        separator: string;
+        string: string;
+        variableName: string;
+        dimension: string;
+        hierarchy: string;
+        level: string;
+        member: string;
+        measureGroup: string;
+        measureFolder: string;
+        measure: string;
+        set: string;
+        calcMeasure: string;
+        event: string;
+        hierarchyFolder: string;
+    };
 }
 interface MandatorySingleColors {
     /**
@@ -229,6 +290,7 @@ export interface ic3PaletteOptions {
         'default'?: Property.Color;
     } & Record<string, Property.Color>;
     onHover?: (color: Property.Color) => Property.Color;
+    mdx?: Partial<ic3Palette['mdx']>;
 }
 export interface ic3Typography {
     amCharts4: TypographyStyleOptions;
@@ -248,6 +310,7 @@ export interface ic3Theme {
     id: string;
     caption: string;
     cssClass: string;
+    waitForFonts?: () => Promise<any>;
     formatter: ThemeFormatters;
     /**
      * Icons used in tables and trees
@@ -260,6 +323,28 @@ export interface ic3Theme {
         sort: (className: string) => ReactElement | string;
         sortAsc: (className: string) => ReactElement | string;
         sortDesc: (className: string) => ReactElement | string;
+        datePickerIcon?: React.ElementType;
+        menuIcon: JSX.Element;
+        statusWaiting: JSX.Element;
+        statusWaitingResult: JSX.Element;
+        statusRendering: JSX.Element;
+        statusDone: JSX.Element;
+        queryError: JSX.Element;
+        queryWarning: JSX.Element;
+        helpIcon: JSX.Element;
+        closeQueryIcon: JSX.Element;
+        interactionModeSelection: JSX.Element;
+        interactionModeDrilldown: JSX.Element;
+        widgetFilterActive: React.ReactNode | undefined;
+        autocompleteClearIcon: JSX.Element | undefined;
+        autocompletePopupIcon: JSX.Element | undefined;
+        nodeOpened: JSX.Element;
+        nodeClosed: JSX.Element;
+        checkBoxUnselected: React.ReactNode | undefined;
+        checkBoxSelected: React.ReactNode | undefined;
+        checkIndeterminate: React.ReactNode | undefined;
+        radioUnselected: React.ReactNode | undefined;
+        radioSelected: React.ReactNode | undefined;
     };
     table: Record<TableRowHeightOptions, {
         rowHeight: number;
@@ -366,15 +451,13 @@ export interface ic3ThemeOptions {
     id: string;
     caption: string;
     cssClass?: string;
-    formatter?: ThemeFormattersOptions;
-    icons?: {
-        expanded?: (className: string) => ReactElement | string;
-        collapse?: (className: string) => ReactElement | string;
-        loading?: (className: string) => ReactElement | string;
-        sort?: (className: string) => ReactElement | string;
-        sortAsc?: (className: string) => ReactElement | string;
-        sortDesc?: (className: string) => ReactElement | string;
-    };
+    /**
+     * The recommended setup is to use document.fonts.ready here and put document.fonts.load(...) for all your added
+     * fonts in the theme definition .ts file.
+     */
+    waitForFonts?: () => Promise<any>;
+    formatter?: DeepPartial<ThemeFormatters>;
+    icons?: Partial<ic3Theme['icons']>;
     table?: Record<TableRowHeightOptions, Partial<{
         rowHeight: number;
         headerRowHeight: number;
@@ -460,6 +543,25 @@ export interface ic3ThemeOptions {
          */
         viewPortOffsetLeft?: number;
     };
+    amCharts4?: {
+        icons?: {
+            zoomOutButton?: {
+                /**
+                 * The radius of the corners
+                 * tl – Top-left corner
+                 * tr – Top-right corner
+                 * bl – Bottom-left corner
+                 * br – Bottom-right corner
+                 */
+                cornerRadius: [number, number, number, number];
+                fill: string;
+                stroke: string;
+                strokeWidth: number;
+                hoverColor: string;
+                downColor: string;
+            };
+        };
+    };
 }
 interface ic3BaseComponents {
     AlertDialog?: {
@@ -479,6 +581,10 @@ interface ic3BaseComponents {
         styleOverrides?: ComponentsOverrides["FilterButtons"];
         variants?: ComponentsVariants["FilterButtons"];
     };
+    LazyTreeViewStyled?: {
+        styleOverrides?: ComponentsOverrides["LazyTreeViewStyled"];
+        variants?: ComponentsVariants["LazyTreeViewStyled"];
+    };
     FilterPanel?: {
         variants?: ComponentsVariants['FilterPanel'];
         styleOverrides?: ComponentsOverrides["FilterPanel"];
@@ -487,6 +593,10 @@ interface ic3BaseComponents {
         styleOverrides?: ComponentsOverrides["FilterSlider"];
         variants?: ComponentsVariants["FilterSlider"];
     };
+    ListCounter?: {
+        styleOverrides?: ComponentsOverrides["ListCounter"];
+        variants?: ComponentsVariants["ListCounter"];
+    };
     FilterTree?: {
         styleOverrides?: ComponentsOverrides["FilterTree"];
         variants?: ComponentsVariants["FilterTree"];
@@ -543,6 +653,64 @@ interface ic3BaseComponents {
     QueryBuilderNode?: {
         styleOverrides?: ComponentsOverrides["QueryBuilderNode"];
     };
+    PrintButton?: {
+        styleOverrides?: ComponentsOverrides["PrintButton"];
+        variants?: ComponentsVariants["PrintButton"];
+    };
+    CodeMirror?: {
+        styleOverrides?: ComponentsOverrides["CodeMirror"];
+    };
+    WidgetBoxFilteredByTooltip?: {
+        styleOverrides?: ComponentsOverrides["WidgetBoxFilteredByTooltip"];
+    };
+    "amCharts4.AmCharts4BubbleChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4BubbleChart"];
+    };
+    "amCharts4.AmCharts4ComboChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4ComboChart"];
+    };
+    "amCharts4.AmCharts4RegularAreaChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4RegularAreaChart"];
+    };
+    "amCharts4.AmCharts4RegularBarChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4RegularBarChart"];
+    };
+    "amCharts4.AmCharts4RegularColumnChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4RegularColumnChart"];
+    };
+    "amCharts4.AmCharts4RegularLineChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4RegularLineChart"];
+    };
+    "amCharts4.AmCharts4ScatterPlot"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4ScatterPlot"];
+    };
+    "amCharts4.AmCharts4StackedAreaChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4StackedAreaChart"];
+    };
+    "amCharts4.AmCharts4StackedBarChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4StackedBarChart"];
+    };
+    "amCharts4.AmCharts4StackedColumnChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4StackedColumnChart"];
+    };
+    "amCharts4.AmCharts4DonutChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4DonutChart"];
+    };
+    "amCharts4.AmCharts4GaugeChart"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4GaugeChart"];
+    };
+    "amCharts4.AmCharts4Histogram"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4Histogram"];
+    };
+    "amCharts4.AmCharts4SankeyDiagram"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4SankeyDiagram"];
+    };
+    "amCharts4.AmCharts4TreeMap"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4TreeMap"];
+    };
+    "amCharts4.AmCharts4GeoMap"?: {
+        variants?: Ic3ChartVariants["amCharts4.AmCharts4GeoMap"];
+    };
 }
 /**
  * For Typing purpose extending MUI Theme with ic3 components
@@ -557,55 +725,9 @@ export interface ic3Components extends ic3BaseComponents, Components {
 declare module "@mui/material/styles/createPalette" {
     interface Palette {
         ic3: ic3Palette;
-        mdx: {
-            annotation: string;
-            comment: string;
-            definitionKeyword: string;
-            keyword: string;
-            labelName: string;
-            number: string;
-            operator: string;
-            propertyName: string;
-            separator: string;
-            string: string;
-            variableName: string;
-            dimension: string;
-            hierarchy: string;
-            level: string;
-            member: string;
-            measureGroup: string;
-            measureFolder: string;
-            measure: string;
-            set: string;
-            calcMeasure: string;
-            event: string;
-        };
     }
     interface PaletteOptions {
         ic3?: ic3PaletteOptions;
-        mdx?: {
-            annotation?: string;
-            comment?: string;
-            definitionKeyword?: string;
-            keyword?: string;
-            labelName?: string;
-            number?: string;
-            operator?: string;
-            propertyName?: string;
-            separator?: string;
-            string?: string;
-            variableName?: string;
-            dimension?: string;
-            hierarchy?: string;
-            level?: string;
-            member?: string;
-            measureGroup?: string;
-            measureFolder?: string;
-            measure?: string;
-            set?: string;
-            calcMeasure?: string;
-            event?: string;
-        };
     }
 }
 declare module "@mui/material/styles/createTypography" {
@@ -641,8 +763,10 @@ declare module '@mui/material/styles/overrides' {
         ErrorRenderer: ErrorRendererClassKey;
         FilterCheckbox: FilterCheckboxRadioClassKey;
         FilterButtons: FilterButtonsClassKey;
+        LazyTreeViewStyled: LazyTreeClassesClassKey;
         FilterPanel: FilterPanelClassesKey;
         FilterSlider: FilterSliderClassKey;
+        ListCounter: ListCounterClassKey;
         FilterTree: FilterTreeClassKey;
         FilterDatePicker: DatePickerClassKey;
         FilterAutocomplete: FilterAutocompleteClassesKey;
@@ -658,26 +782,32 @@ declare module '@mui/material/styles/overrides' {
         ReportAppLeftPanel: ReportAppLeftPanelClassKey;
         AppMenuIcon: AppMenuIconClassKey;
         QueryBuilderNode: QueryBuilderNodeClassKey;
+        PrintButton: PrintButtonClassKey;
+        CodeMirror: CodeMirrorClassesKey;
+        WidgetBoxFilteredByTooltip: WidgetFilteredByClassesKey;
     }
 }
 declare module '@mui/material/styles/props' {
     interface ComponentsPropsList {
-        FilterCheckbox: FilterCheckboxRadioChartOptions;
-        FilterButtons: FilterButtonsChartOptions;
+        FilterCheckbox: FilterCheckboxProps;
+        FilterButtons: FilterButtonsProps;
+        LazyTreeViewStyled: LazyTreeProps;
         FilterPanel: FilterPanelProps;
-        FilterSlider: FilterSliderChartOptions;
-        FilterTree: FilterTreeChartOptions;
-        FilterDatePicker: DatePickerChartOptions;
-        FilterAutocomplete: FilterAutocompleteChartOptions;
-        HtmlBox: HtmlBoxProps;
+        FilterSlider: FilterSliderProps;
+        ListCounter: ListCounterProps;
+        FilterTree: FilterTreeProps;
+        FilterDatePicker: FilterDatePickerProps;
+        FilterAutocomplete: FilterAutocompleteProps;
+        HtmlBox: StyledHtmlBoxProps;
         KpiCard: KpiCardProps;
         PivotTable: PivotTableProps;
         Table: TableProps;
-        WidgetBox: Record<never, any>;
+        WidgetBox: WidgetBoxDivProps;
         GoogleMarker: GoogleMarkerVariantChartOptions;
         AppMenuIconStyled: AppMenuIconProps;
         App: AppDivProps;
         QueryBuilderNode: QueryBuilderNodeProps;
+        PrintButton: StyledPrintButtonDivProps;
     }
 }
 export {};

package/dist/PublicTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublicTheme.js","sourceRoot":"","sources":["../src/PublicTheme.ts"],"names":[],"mappings":";;;AA6RA,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAIhC"}
+{"version":3,"file":"PublicTheme.js","sourceRoot":"","sources":["../src/PublicTheme.ts"],"names":[],"mappings":";;;AAsVA,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAIhC"}