@ic3/reporting-api 8.1.0 → 8.2.1

package/dist/PublicTidyTable.d.ts

@@ -445,7 +445,10 @@ export interface ITidyTable {
      * Add a new index to the existing index, overwriting what already exists.
      */
     addColumnIndex(index: TidyColumnIndex): void;
-    getQueryLimit(): number | undefined;
+    /**
+     * The limit used when lazy search is enabled.
+     */
+    getLazySearchLimit(): number | undefined;
     isTotalRow(rowIdx: number): boolean;
     /**
      * Transform the table to a table where each row is a bucket in the histogram for that group.
@@ -486,4 +489,8 @@ export interface ITidyTable {
      * Utility class for doing maths on columns
      */
     getMath(): ITidyMath;
+    /**
+     * Returns true if and only if the table is truncated by the server (too many rows otherwise).
+     */
+    reachedMaxTidyRowCount(): boolean;
 }

package/dist/PublicTidyTableInteractions.d.ts

@@ -1,4 +1,4 @@
-import { SelectionBehaviour, WidgetTidySelectionOptions } from "./PublicTidyTableTypes";
+import { EntityItem, ITidyTableSelection, SelectionBehaviour, WidgetTidySelectionOptions } from "./PublicTidyTableTypes";
 import { ITidyBaseColumn, ITidyColumn } from "./PublicTidyColumn";
 import { ILazyTreeViewLoader } from "./LazyTreeView";
 import { PublicIcEvent } from "./IcEvent";
@@ -32,9 +32,13 @@ export declare type TidyEvent = MouseEvent | TouchEvent;
 export declare type IWidgetInteractionMode = "drilldown" | "selection";
 export interface ITidyTableInteractionSelection {
     /**
-     * Sets the selection at the creation of the widget
+     * Sets the selection at the creation of the widget.
      */
     initializeSelection(isRangeSelection?: boolean): void;
+    /**
+     * Sets the selection at the creation of the widget: autocomplete-lazy.
+     */
+    initializeLazySelection(items?: EntityItem[]): void;
     /**
      * Returns true if the selection if empty. Returns false otherwise.
      */
@@ -47,9 +51,10 @@ export interface ITidyTableInteractionSelection {
     isSelected(rowIdx: number): boolean;
     /**
      * Returns true if and only if the column is selected.
-     * @param colIdx
+     * @param colIdx index of the column in the tidy table.
+     * @param hierIdx optional. Use to check if the hierarchy index is selected. Leave undefined to check the column.
      */
-    isColumnSelected(colIdx: number): boolean;
+    isColumnSelected(colIdx: number, hierIdx?: number): boolean;
     /**
      * Returns true if and only if the cell is selected.
      * @param rowIdx
@@ -61,12 +66,6 @@ export interface ITidyTableInteractionSelection {
      * @param column selection should be in this column
      */
     isSelectedSankey(rowIdx: number, column: ITidyColumn): boolean;
-    /**
-     *
-     * @param column
-     * @param rowIdx the index of the row
-     */
-    isColumnRowSelected(column: ITidyBaseColumn<any>, rowIdx: number): boolean | undefined;
     /**
      * map function on selected rows
      */
@@ -88,7 +87,7 @@ export interface ITidyTableInteractionSelection {
     /**
      * Handles the click event for the selection on a given column.
      *
-     * If the columns is not part of the selection columns of the widget nothing will happen
+     * If the column is not part of the selection columns of the widget nothing will happen
      *
      * @param column column index of the tidy table
      * @param event the mouse event of the click
@@ -116,6 +115,11 @@ export interface ITidyTableInteractionSelection {
      * Select multiple rows at once
      */
     handleMultipleRowSelection(rowIds: number[]): void;
+    /**
+     * Perform a row-selection click on multiple rows at the same time. Has similair CTRL functionality as
+     * handleClickSelection(...). SHIFT is not supported.
+     */
+    handleMultipleRowSelectionClick(rowIds: number[], event?: TidyEvent): void;
     /**
      * Clear the selection and fire an empty event value. Note, this resets the
      * selection to the initial selection.
@@ -261,11 +265,27 @@ export interface ITidyTableInteraction extends ITidyTableInteractionSelection, I
     pivotTableLikeNodeStatus(column: ITidyColumn, rowIdx: number, stopDrillDownDepth?: number): TidyPivotTableLikeNodeStatus;
     asLazyTreeViewLoader(column: ITidyColumn): ILazyTreeViewLoader;
     getCompactedSelectionNames(): string[] | undefined;
+    /**
+     * Returns true if the column is used for the row selection.
+     */
     isSelectable(col: ITidyColumn): boolean;
+    isHierarchyIdxSelectable(hierIndex: number): boolean;
+    /**
+     * Returns the rows of the items currently in the selection. Note, the item must be present in the current tidy
+     * table.
+     */
     getSelectedRows(): number[];
     setSortSelectionToColumnOrder(value: boolean): void;
     /**
      * Returns the widgets selection options.
      */
     getWidgetSelectionOptions(): WidgetTidySelectionOptions;
+    /**
+     * Returns the selection in the interaction object.
+     */
+    getSelectedItems(): ITidyTableSelection[];
+    /**
+     * Add an item to the interactions selection.
+     */
+    setSelection(items: ITidyTableSelection | ITidyTableSelection[]): void;
 }

package/dist/PublicTidyTableTypeGuards.d.ts

@@ -0,0 +1,4 @@
+import { TidyTableColumnIdentifier, TidyTableMappingColumnSelectorOptions, TidyTableRoleSelector } from "./PublicTidyTableTypes";
+export declare function isTidyTableMappingColumnSelectorOptions(v: unknown): v is TidyTableMappingColumnSelectorOptions;
+export declare function isTidyTableColumnIdentifier(v: unknown): v is TidyTableColumnIdentifier;
+export declare function isTidyTableRoleSelector(v: unknown): v is TidyTableRoleSelector;

package/dist/PublicTidyTableTypeGuards.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTidyTableRoleSelector = exports.isTidyTableColumnIdentifier = exports.isTidyTableMappingColumnSelectorOptions = void 0;
+function isTidyTableMappingColumnSelectorOptions(v) {
+    return typeof v === "string" && v.startsWith('@IC3_');
+}
+exports.isTidyTableMappingColumnSelectorOptions = isTidyTableMappingColumnSelectorOptions;
+function isTidyTableColumnIdentifier(v) {
+    return typeof v === "object" && v != null && typeof v["name"] === "string";
+}
+exports.isTidyTableColumnIdentifier = isTidyTableColumnIdentifier;
+function isTidyTableRoleSelector(v) {
+    return typeof v === "object" && v != null && typeof v["role"] === "string";
+}
+exports.isTidyTableRoleSelector = isTidyTableRoleSelector;
+//# sourceMappingURL=PublicTidyTableTypeGuards.js.map

package/dist/PublicTidyTableTypeGuards.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicTidyTableTypeGuards.js","sourceRoot":"","sources":["../src/PublicTidyTableTypeGuards.ts"],"names":[],"mappings":";;;AAOA,SAAgB,uCAAuC,CAAC,CAAU;IAC9D,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC1D,CAAC;AAFD,0FAEC;AAED,SAAgB,2BAA2B,CAAC,CAAU;IAClD,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,QAAQ,CAAC;AAC/E,CAAC;AAFD,kEAEC;AAED,SAAgB,uBAAuB,CAAC,CAAU;IAC9C,OAAO,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,QAAQ,CAAC;AAC/E,CAAC;AAFD,0DAEC"}

package/dist/PublicTidyTableTypes.d.ts

@@ -41,7 +41,7 @@ export declare enum TidyColumnsType {
      */
     MIXED = "mixed",
     /**
-     * The column type is not known because there is no data
+     * The column type is not known
      */
     UNKNOWN = "unknown",
     /**
@@ -87,8 +87,14 @@ export interface TidyTableColumnIdentifier {
      */
     property?: string;
 }
-export declare type TidyTableColumnSelector = TidyTableColumnIdentifier | TidyTableMappingColumnSelectorOptions;
-export declare type IFormFieldGranularityItem = IFormFieldGranularityItemColumn | IFormFieldGranularityItemRole | IFormFieldGranularityItemHierarchy;
+export interface TidyTableRoleSelector {
+    /**
+     * Search columns by role
+     */
+    role: string;
+}
+export declare type TidyTableColumnSelector = TidyTableColumnIdentifier | TidyTableMappingColumnSelectorOptions | TidyTableRoleSelector;
+export declare type IFormFieldGranularityItem = IFormFieldGranularityItemColumn | IFormFieldGranularityItemRole | IFormFieldGranularityItemHierarchy | IFormFieldGranularityColumns;
 export interface IFormFieldGranularityItemColumn {
     type: "column";
     /**
@@ -103,6 +109,9 @@ export interface IFormFieldGranularityItemRole {
      */
     role: string;
 }
+/**
+ * Only include columns info from this hierarchy in the selection.
+ */
 export interface IFormFieldGranularityItemHierarchy {
     type: "hierarchy";
     /**
@@ -114,6 +123,12 @@ export interface IFormFieldGranularityItemHierarchy {
      */
     hierarchyIdx: number;
 }
+/**
+ * When selected, include all column info in the selection.
+ */
+export interface IFormFieldGranularityColumns {
+    type: "all_columns";
+}
 /**
  * Coordinate of an MDX member
  */
@@ -216,7 +231,7 @@ export interface IMdxAxisSeriesInfo {
 }
 export interface EntityItem {
     uniqueName: string;
-    key?: string;
+    key?: any;
     name: string;
     caption: string;
     parentUN?: string;
@@ -239,9 +254,6 @@ export interface TidyCellError {
  * scenario a coordinate might not longer match any rowIdx
  */
 export interface ITidyTableSelection {
-    /**
-     * Object storing the selection coordinates.
-     */
     /**
      * Fired event value. Arrays are combined into a single event.
      */

package/dist/PublicTidyTableTypes.js

@@ -41,7 +41,7 @@ var TidyColumnsType;
      */
     TidyColumnsType["MIXED"] = "mixed";
     /**
-     * The column type is not known because there is no data
+     * The column type is not known
      */
     TidyColumnsType["UNKNOWN"] = "unknown";
     /**

package/dist/PublicTidyTableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"PublicTidyTableTypes.js","sourceRoot":"","sources":["../src/PublicTidyTableTypes.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAOH,IAAY,eA0DX;AA1DD,WAAY,eAAe;IACvB;;OAEG;IACH,kCAAe,CAAA;IAEf,0CAAuB,CAAA;IACvB,wCAAqB,CAAA;IAErB;;OAEG;IACH,sDAAmC,CAAA;IAEnC;;OAEG;IACH,wCAAqB,CAAA;IAErB;;OAEG;IACH,sCAAmB,CAAA;IAEnB;;OAEG;IACH,0CAAuB,CAAA;IAEvB;;OAEG;IACH,sCAAmB,CAAA;IAEnB;;OAEG;IACH,gCAAa,CAAA;IAEb;;OAEG;IACH,kCAAe,CAAA;IAEf;;OAEG;IACH,sCAAmB,CAAA;IAEnB;;OAEG;IACH,gCAAa,CAAA;IAEb;;OAEG;IACH,8BAAW,CAAA;AACf,CAAC,EA1DW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QA0D1B;AAkBD,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC1B,qCAAe,CAAA;IACf,uDAAiC,CAAA;IACjC,yCAAmB,CAAA;AACvB,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAeD,IAAY,qCAQX;AARD,WAAY,qCAAqC;IAE7C,yDAAgB,CAAA;IAChB,yEAAgC,CAAA;IAChC,6EAAoC,CAAA;IACpC,2EAAkC,CAAA;IAClC,mEAA0B,CAAA;AAE9B,CAAC,EARW,qCAAqC,GAArC,6CAAqC,KAArC,6CAAqC,QAQhD;AAsGD,IAAY,iBAgBX;AAhBD,WAAY,iBAAiB;IACzB;;;OAGG;IACH,kCAAa,CAAA;IAEb;;OAEG;IACH,gCAAW,CAAA;IAEX;;OAEG;IACH,+BAAU,CAAA;AACd,CAAC,EAhBW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAgB5B;AAsGD,IAAY,kBAqCX;AArCD,WAAY,kBAAkB;IAC1B;;OAEG;IACH,iDAA2B,CAAA;IAE3B;;OAEG;IACH,+CAAyB,CAAA;IAEzB;;OAEG;IACH,mDAA6B,CAAA;IAE7B,iDAA2B,CAAA;IAE3B;;OAEG;IACH,iDAA2B,CAAA;IAE3B;;OAEG;IACH,iDAA2B,CAAA;IAE3B;;OAEG;IACH,6CAAuB,CAAA;IAEvB;;OAEG;IACH,yDAAmC,CAAA;AACvC,CAAC,EArCW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAqC7B;AAED,IAAY,WAIX;AAJD,WAAY,WAAW;IACnB,sCAAuB,CAAA;IACvB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;AAC7B,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB;AAwDD,IAAY,iBAMX;AAND,WAAY,iBAAiB;IACzB,kCAAa,CAAA;IACb,gCAAW,CAAA;IACX,gCAAW,CAAA;IACX,gCAAW,CAAA;IACX,gCAAW,CAAA;AACf,CAAC,EANW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAM5B;AAyBD;;;;;GAKG;AACH,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,8BAAW,CAAA;IACX,4BAAS,CAAA;IACT,gCAAa,CAAA;AACjB,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B"}
+{"version":3,"file":"PublicTidyTableTypes.js","sourceRoot":"","sources":["../src/PublicTidyTableTypes.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAOH,IAAY,eA0DX;AA1DD,WAAY,eAAe;IACvB;;OAEG;IACH,kCAAe,CAAA;IAEf,0CAAuB,CAAA;IACvB,wCAAqB,CAAA;IAErB;;OAEG;IACH,sDAAmC,CAAA;IAEnC;;OAEG;IACH,wCAAqB,CAAA;IAErB;;OAEG;IACH,sCAAmB,CAAA;IAEnB;;OAEG;IACH,0CAAuB,CAAA;IAEvB;;OAEG;IACH,sCAAmB,CAAA;IAEnB;;OAEG;IACH,gCAAa,CAAA;IAEb;;OAEG;IACH,kCAAe,CAAA;IAEf;;OAEG;IACH,sCAAmB,CAAA;IAEnB;;OAEG;IACH,gCAAa,CAAA;IAEb;;OAEG;IACH,8BAAW,CAAA;AACf,CAAC,EA1DW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QA0D1B;AAkBD,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC1B,qCAAe,CAAA;IACf,uDAAiC,CAAA;IACjC,yCAAmB,CAAA;AACvB,CAAC,EAJW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAI7B;AAeD,IAAY,qCAQX;AARD,WAAY,qCAAqC;IAE7C,yDAAgB,CAAA;IAChB,yEAAgC,CAAA;IAChC,6EAAoC,CAAA;IACpC,2EAAkC,CAAA;IAClC,mEAA0B,CAAA;AAE9B,CAAC,EARW,qCAAqC,GAArC,6CAAqC,KAArC,6CAAqC,QAQhD;AAuHD,IAAY,iBAgBX;AAhBD,WAAY,iBAAiB;IACzB;;;OAGG;IACH,kCAAa,CAAA;IAEb;;OAEG;IACH,gCAAW,CAAA;IAEX;;OAEG;IACH,+BAAU,CAAA;AACd,CAAC,EAhBW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAgB5B;AAiGD,IAAY,kBAqCX;AArCD,WAAY,kBAAkB;IAC1B;;OAEG;IACH,iDAA2B,CAAA;IAE3B;;OAEG;IACH,+CAAyB,CAAA;IAEzB;;OAEG;IACH,mDAA6B,CAAA;IAE7B,iDAA2B,CAAA;IAE3B;;OAEG;IACH,iDAA2B,CAAA;IAE3B;;OAEG;IACH,iDAA2B,CAAA;IAE3B;;OAEG;IACH,6CAAuB,CAAA;IAEvB;;OAEG;IACH,yDAAmC,CAAA;AACvC,CAAC,EArCW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAqC7B;AAED,IAAY,WAIX;AAJD,WAAY,WAAW;IACnB,sCAAuB,CAAA;IACvB,wCAAyB,CAAA;IACzB,wCAAyB,CAAA;AAC7B,CAAC,EAJW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAItB;AAwDD,IAAY,iBAMX;AAND,WAAY,iBAAiB;IACzB,kCAAa,CAAA;IACb,gCAAW,CAAA;IACX,gCAAW,CAAA;IACX,gCAAW,CAAA;IACX,gCAAW,CAAA;AACf,CAAC,EANW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAM5B;AAyBD;;;;;GAKG;AACH,IAAY,eAIX;AAJD,WAAY,eAAe;IACvB,8BAAW,CAAA;IACX,4BAAS,CAAA;IACT,gCAAa,CAAA;AACjB,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B"}

package/dist/theme/ThemeAmCharts4.d.ts

@@ -122,7 +122,8 @@ export interface Am4LabelOptions extends FormFieldObject {
     /**
      * Text.
      *
-     * The text displayed in the center of the chart
+     * The text displayed in the center of the chart.
+     * Use a single space to show no text and disable the label.
      */
     labelText: string;
     labelTextAlign: 'start' | 'end' | 'middle';
@@ -926,6 +927,12 @@ export interface Am4CategoryDateAxisOptions extends FormFieldObject {
      * Does not work with a date axis.
      */
     xAxisLabelTooltipText: string;
+    /**
+     * The date format for the labels that show when the user hovers over the chart with a chart cursor.
+     * Leave undefined to use the axis-date format.
+     * Read more about the format codes here: https://www.amcharts.com/docs/v4/concepts/formatters/formatting-date-time/#Format_codes
+     */
+    xAxisLabelTooltipDateFormat?: string;
     /**
      * Title Text.
      *

package/dist/theme/ThemeBaseTable.d.ts

@@ -73,6 +73,12 @@ export interface BaseTableChartOptions extends FormFieldObject {
      * Display the sort options. A list of boolean values: 'true', 'false'. The last value repeats itself.
      */
     columnSortable: string;
+    /**
+     * Column Ordering (CSV).
+     *
+     * A list of boolean values: 'true', 'false'. The last value repeats itself.
+     */
+    columnOrdering: string;
     /**
      * Pinnable (CSV).
      *

package/dist/theme/ThemeEmbeddedReport.d.ts

@@ -22,4 +22,7 @@ export interface EmbeddedReportChartOptions extends FormFieldObject {
      * Forwarded events.
      */
     "@params"?: IFormEventMappingArrayFieldDefType;
+    inheritSchemaName: boolean;
+    inheritCubeName: boolean;
+    inheritDisableDefaultSchemaAuthCheck: boolean;
 }

package/dist/theme/ThemeFilterAutocomplete.d.ts

@@ -12,6 +12,7 @@ export declare class FilterAutocompleteClasses {
      * @see AutocompleteClasses
      */
     static readonly muiAutocomplete: string;
+    static readonly action = "MuiAutocomplete-action";
 }
 export declare type FilterAutocompleteClassesKey = keyof FilterAutocompleteClasses;
 /**
@@ -43,4 +44,10 @@ export interface FilterAutocompleteChartOptions extends FilterTidyTableChartOpti
      * Maximum number of items that will be visible when not focused. Set -1 to disable the limit.
      */
     limitTags: number;
+    /**
+     * Limit Chips.
+     *
+     * Maximum number of chips that will be visible
+     */
+    limitChips: number;
 }

package/dist/theme/ThemeFilterAutocomplete.js

@@ -20,4 +20,5 @@ FilterAutocompleteClasses.root = "root";
  * @see AutocompleteClasses
  */
 FilterAutocompleteClasses.muiAutocomplete = autocompleteClasses_1.default.root;
+FilterAutocompleteClasses.action = "MuiAutocomplete-action";
 //# sourceMappingURL=ThemeFilterAutocomplete.js.map

package/dist/theme/ThemeFilterAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeFilterAutocomplete.js","sourceRoot":"","sources":["../../src/theme/ThemeFilterAutocomplete.ts"],"names":[],"mappings":";;;;;;AAAA,yGAAiF;AAGjF,MAAa,yBAAyB;;AAAtC,8DAiBC;AAfG;;GAEG;AACa,8BAAI,GAAG,MAAM,CAAC;AAE9B;;;;;;GAMG;AACa,yCAAe,GAAG,6BAAmB,CAAC,IAAI,CAAC"}
+{"version":3,"file":"ThemeFilterAutocomplete.js","sourceRoot":"","sources":["../../src/theme/ThemeFilterAutocomplete.ts"],"names":[],"mappings":";;;;;;AAAA,yGAAiF;AAGjF,MAAa,yBAAyB;;AAAtC,8DAkBC;AAhBG;;GAEG;AACa,8BAAI,GAAG,MAAM,CAAC;AAE9B;;;;;;GAMG;AACa,yCAAe,GAAG,6BAAmB,CAAC,IAAI,CAAC;AAE3C,gCAAM,GAAG,wBAAwB,CAAA"}

package/dist/theme/ThemeFilterPanel.d.ts

@@ -3,31 +3,83 @@ export declare class FilterPanelClasses {
     /**
      * Main content div
      */
-    static readonly mainDiv: string;
+    static readonly mainDiv = "FilterPanel-root";
     /**
      * Div containing the loading spinner and text
      */
-    static readonly loadingDiv: string;
+    static readonly loadingDiv = "FilterPanel-loading";
     /**
-     * Header div with buttons and help icon
+     * Div with add filter and remove all filters buttons
      */
-    static readonly headerDiv: string;
+    static readonly headerDiv = "FilterPanel-header";
+    /**
+     * Div containing the 'Filters' text and the help icon button
+     */
+    static readonly titleDiv = "FilterPanel-title";
+    /**
+     * Div containing the 'Filters' text
+     */
+    static readonly titleDivText = "FilterPanel-title-text";
+    /**
+     * Div containing the add and remove all buttons
+     */
+    static readonly headerDivButtons = "FilterPanel-header-buttons";
+    /**
+     * Add button
+     */
+    static readonly headerDivAddButton = "FilterPanel-HeaderDivAddButton";
+    /**
+     * Remove all button
+     */
+    static readonly headerDivRemoveAllButton = "FilterPanel-HeaderDivRemoveAllButton";
+    /**
+     * Div of the content root. Used for animation purposes.
+     */
+    static readonly contentDivRoot = "FilterPanel-content-root";
     /**
      * Div with the stack of filter items
      */
-    static readonly contentDiv: string;
+    static readonly contentDiv = "FilterPanel-content";
+    /**
+     * Div with no filters defined text
+     */
+    static readonly contentNoFilters = "FilterPanel-NoFilters";
+    /**
+     * Main filter div
+     */
+    static readonly filterItemDiv = "FilterPanel-filterItem";
     /**
      * Main filter div
      */
-    static readonly filterItemDiv: string;
+    static readonly filterItemDivHeader = "FilterPanel-filterItemHeader";
+    static readonly filterItemClearButton = "FilterPanel-ItemClearButton";
+    static readonly filterItemRemoveButton = "FilterPanel-ItemRemoveButton";
     /**
      * Classname for the TextField component
      */
-    static readonly inputField: string;
+    static readonly inputField = "FilterPanel-filterInputfield";
+    /**
+     * A div with the displayed values for the value selector in preview mode
+     */
+    static readonly inputFieldPreviewValues = "FilterPanel-PreviewValue";
     /**
      * Classname for the field label
      */
-    static readonly fieldName: string;
+    static readonly fieldName = "FilterPanel-fieldName";
+    /**
+     * Div with selectable items for filters with few items
+     */
+    static readonly selectableContent = "FilterPanel-selectableContent";
+}
+export interface FilterPanelProps {
+    /**
+     * Variant defined in the theme. If the theme has variants, then the user can select one.
+     */
+    variant?: string;
+    /**
+     * If true, grow filter in row direction. If false, grow in column direction.
+     */
+    filterLayoutHorizontal?: boolean;
 }
 export declare type FilterPanelClassesKey = keyof FilterPanelClasses;
 /**
@@ -91,4 +143,13 @@ export interface FilterPanelChartOptions extends FormFieldObject {
      * with continent Asia.
      */
     measureMdx?: string;
+    /**
+     * Name template for the fields with properties. Use 'levelName' and 'propertyName' as placeholders.
+     */
+    propertyFieldNameTemplate: string;
+    /**
+     * Use the simple selection filter if and only if `useSimpleFilterCutoff` is not null and the level
+     * has <= `useSimpleFilterCutoff` members.
+     */
+    useSimpleFilterCutoff?: number;
 }

package/dist/theme/ThemeFilterPanel.js

@@ -13,23 +13,65 @@ FilterPanelClasses.mainDiv = "FilterPanel-root";
  */
 FilterPanelClasses.loadingDiv = "FilterPanel-loading";
 /**
- * Header div with buttons and help icon
+ * Div with add filter and remove all filters buttons
  */
 FilterPanelClasses.headerDiv = "FilterPanel-header";
+/**
+ * Div containing the 'Filters' text and the help icon button
+ */
+FilterPanelClasses.titleDiv = "FilterPanel-title";
+/**
+ * Div containing the 'Filters' text
+ */
+FilterPanelClasses.titleDivText = "FilterPanel-title-text";
+/**
+ * Div containing the add and remove all buttons
+ */
+FilterPanelClasses.headerDivButtons = "FilterPanel-header-buttons";
+/**
+ * Add button
+ */
+FilterPanelClasses.headerDivAddButton = "FilterPanel-HeaderDivAddButton";
+/**
+ * Remove all button
+ */
+FilterPanelClasses.headerDivRemoveAllButton = "FilterPanel-HeaderDivRemoveAllButton";
+/**
+ * Div of the content root. Used for animation purposes.
+ */
+FilterPanelClasses.contentDivRoot = "FilterPanel-content-root";
 /**
  * Div with the stack of filter items
  */
 FilterPanelClasses.contentDiv = "FilterPanel-content";
+/**
+ * Div with no filters defined text
+ */
+FilterPanelClasses.contentNoFilters = "FilterPanel-NoFilters";
 /**
  * Main filter div
  */
 FilterPanelClasses.filterItemDiv = "FilterPanel-filterItem";
+/**
+ * Main filter div
+ */
+FilterPanelClasses.filterItemDivHeader = "FilterPanel-filterItemHeader";
+FilterPanelClasses.filterItemClearButton = "FilterPanel-ItemClearButton";
+FilterPanelClasses.filterItemRemoveButton = "FilterPanel-ItemRemoveButton";
 /**
  * Classname for the TextField component
  */
 FilterPanelClasses.inputField = "FilterPanel-filterInputfield";
+/**
+ * A div with the displayed values for the value selector in preview mode
+ */
+FilterPanelClasses.inputFieldPreviewValues = "FilterPanel-PreviewValue";
 /**
  * Classname for the field label
  */
 FilterPanelClasses.fieldName = "FilterPanel-fieldName";
+/**
+ * Div with selectable items for filters with few items
+ */
+FilterPanelClasses.selectableContent = "FilterPanel-selectableContent";
 //# sourceMappingURL=ThemeFilterPanel.js.map

package/dist/theme/ThemeFilterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeFilterPanel.js","sourceRoot":"","sources":["../../src/theme/ThemeFilterPanel.ts"],"names":[],"mappings":";;;AAEA,MAAa,kBAAkB;;AAA/B,gDAoCC;AAnCG;;GAEG;AACa,0BAAO,GAAW,kBAAkB,CAAC;AAErD;;GAEG;AACa,6BAAU,GAAW,qBAAqB,CAAC;AAE3D;;GAEG;AACa,4BAAS,GAAW,oBAAoB,CAAC;AAEzD;;GAEG;AACa,6BAAU,GAAW,qBAAqB,CAAC;AAE3D;;GAEG;AACa,gCAAa,GAAW,wBAAwB,CAAC;AAEjE;;GAEG;AACa,6BAAU,GAAW,8BAA8B,CAAC;AAEpE;;GAEG;AACa,4BAAS,GAAW,uBAAuB,CAAC"}
+{"version":3,"file":"ThemeFilterPanel.js","sourceRoot":"","sources":["../../src/theme/ThemeFilterPanel.ts"],"names":[],"mappings":";;;AAEA,MAAa,kBAAkB;;AAA/B,gDA0FC;AAzFG;;GAEG;AACa,0BAAO,GAAG,kBAAkB,CAAC;AAE7C;;GAEG;AACa,6BAAU,GAAG,qBAAqB,CAAC;AAEnD;;GAEG;AACa,4BAAS,GAAG,oBAAoB,CAAC;AAEjD;;GAEG;AACa,2BAAQ,GAAG,mBAAmB,CAAC;AAE/C;;GAEG;AACa,+BAAY,GAAG,wBAAwB,CAAC;AAExD;;GAEG;AACa,mCAAgB,GAAG,4BAA4B,CAAC;AAEhE;;GAEG;AACa,qCAAkB,GAAG,gCAAgC,CAAC;AAEtE;;GAEG;AACa,2CAAwB,GAAG,sCAAsC,CAAC;AAElF;;GAEG;AACa,iCAAc,GAAG,0BAA0B,CAAC;AAE5D;;GAEG;AACa,6BAAU,GAAG,qBAAqB,CAAC;AAEnD;;GAEG;AACa,mCAAgB,GAAG,uBAAuB,CAAC;AAE3D;;GAEG;AACa,gCAAa,GAAG,wBAAwB,CAAC;AAEzD;;GAEG;AACa,sCAAmB,GAAG,8BAA8B,CAAC;AAErD,wCAAqB,GAAG,6BAA6B,CAAC;AAEtD,yCAAsB,GAAG,8BAA8B,CAAC;AAExE;;GAEG;AACa,6BAAU,GAAG,8BAA8B,CAAC;AAE5D;;GAEG;AACa,0CAAuB,GAAG,0BAA0B,CAAC;AAErE;;GAEG;AACa,4BAAS,GAAG,uBAAuB,CAAC;AAEpD;;GAEG;AACa,oCAAiB,GAAG,+BAA+B,CAAC"}

package/dist/theme/ThemeKpiBox.d.ts

@@ -1,6 +1,5 @@
 import { FormFieldObject } from "../PublicTemplateForm";
 import { HtmlBoxVariant } from "./ThemeHtmlBox";
-import { TidyTableColumnSelector } from "../PublicTidyTableTypes";
 /**
  * KPI Box Options (fields of the "Chart" tab in the widget editor).
  *
@@ -31,16 +30,4 @@ export interface KpiBoxChartOptions extends FormFieldObject {
      * Expression that returns a markdown text. Evaluated once after row's markdown.
      */
     postMarkdown?: string;
-    /**
-     * Column.
-     *
-     * Default column for the expression and the background color.
-     */
-    column?: TidyTableColumnSelector;
-    /**
-     * Background Color.
-     *
-     * Use the column color to set the background color.
-     */
-    backgroundColorFromQuery: boolean;
 }

package/dist/theme/ThemeKpiCard.d.ts

@@ -1,6 +1,28 @@
 import { FormFieldObject } from "../PublicTemplateForm";
 import { TidyTableColumnSelector } from "../PublicTidyTableTypes";
 import { CompareTextInterpretationType, SparkChartType, SparklinePosition, TargetTextIconSet, TargetTextPosition } from "../ITypes";
+export declare class KpiCardClasses {
+    static kpiValuesRoot: string;
+    static sparkChartRoot: string;
+    static kpiValueTitle: string;
+    static kpiValueText: string;
+    static kpiCompareTextRoot: string;
+    static kpiCompareTextRootEmpty: string;
+    static comparePercentageText: string;
+    static compareTargetText: string;
+    static comparePercentZero: string;
+    static comparePercentUp: string;
+    static comparePercentDown: string;
+}
+export declare type KpiCardClassKey = keyof KpiCardClasses;
+export interface KpiCardProps {
+    /**
+     * Variant defined in the theme. If the theme has variants, then the user can select one.
+     */
+    variant?: string;
+    sparklinePosition: SparklinePosition;
+    targetPosition: TargetTextPosition;
+}
 /**
  * KPI Card Options (fields of the "Chart" tab in the widget editor).
  *
@@ -11,7 +33,11 @@ import { CompareTextInterpretationType, SparkChartType, SparklinePosition, Targe
  *
  * @see WidgetTemplateChartOptions
  */
-export interface KpiCartChartOptions extends FormFieldObject {
+export interface KpiCartChartOptions extends SparkChartOptionsMeta {
+    /**
+     * Variant defined in the theme. If the theme has variants, then the user can select one.
+     */
+    variant?: string;
     /**
      * Value.
      *
@@ -73,6 +99,14 @@ export interface KpiCartChartOptions extends FormFieldObject {
      * The icon that indicate the trend.
      */
     iconSet: TargetTextIconSet;
+    /**
+     * Position.
+     *
+     * Where to display the sparkline.
+     */
+    sparklinePosition: SparklinePosition;
+}
+export interface SparkChartOptionsMeta extends FormFieldObject {
     /**
      * Sparkline Type.
      */
@@ -90,9 +124,11 @@ export interface KpiCartChartOptions extends FormFieldObject {
      */
     sparklineHasArea: boolean;
     /**
-     * Position.
-     *
-     * Where to display the sparkline.
+     * Radius of the columns rounded corners.
      */
-    sparklinePosition: SparklinePosition;
+    columnSparkCornerRadius: number;
+    /**
+     * Space between columns.
+     */
+    columnSparkColumnSpacing: number;
 }

package/dist/theme/ThemeKpiCard.js

@@ -1,3 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.KpiCardClasses = void 0;
+class KpiCardClasses {
+}
+exports.KpiCardClasses = KpiCardClasses;
+KpiCardClasses.kpiValuesRoot = "KpiValuesRoot";
+KpiCardClasses.sparkChartRoot = "KpiSparkChartRoot";
+KpiCardClasses.kpiValueTitle = "KpiValueNameText";
+KpiCardClasses.kpiValueText = "KpiValueText";
+KpiCardClasses.kpiCompareTextRoot = "KpiCompareTextRoot";
+KpiCardClasses.kpiCompareTextRootEmpty = "KpiEmptyCompareTextEmpty";
+KpiCardClasses.comparePercentageText = "ComparePercentageText";
+KpiCardClasses.compareTargetText = "compareTargetText";
+KpiCardClasses.comparePercentZero = "ComparePercentZero";
+KpiCardClasses.comparePercentUp = "ComparePercentUp";
+KpiCardClasses.comparePercentDown = "ComparePercentDown";
 //# sourceMappingURL=ThemeKpiCard.js.map

package/dist/theme/ThemeKpiCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeKpiCard.js","sourceRoot":"","sources":["../../src/theme/ThemeKpiCard.ts"],"names":[],"mappings":""}
+{"version":3,"file":"ThemeKpiCard.js","sourceRoot":"","sources":["../../src/theme/ThemeKpiCard.ts"],"names":[],"mappings":";;;AAUA,MAAa,cAAc;;AAA3B,wCAwBC;AAtBiB,4BAAa,GAAG,eAAe,CAAC;AAEhC,6BAAc,GAAG,mBAAmB,CAAC;AAErC,4BAAa,GAAG,kBAAkB,CAAC;AAEnC,2BAAY,GAAG,cAAc,CAAC;AAE9B,iCAAkB,GAAG,oBAAoB,CAAC;AAE1C,sCAAuB,GAAG,0BAA0B,CAAC;AAErD,oCAAqB,GAAG,uBAAuB,CAAC;AAEhD,gCAAiB,GAAG,mBAAmB,CAAC;AAExC,iCAAkB,GAAG,oBAAoB,CAAC;AAE1C,+BAAgB,GAAG,kBAAkB,CAAC;AAEtC,iCAAkB,GAAG,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic3/reporting-api",
-  "version": "8.1.0",
+  "version": "8.2.1",
   "description": "icCube dashboards API",
   "homepage": "https://github.com/ic3-software/ic3-reporting-api",
   "repository": "https://github.com/ic3-software/ic3-reporting-api",
@@ -14,14 +14,14 @@
     "access": "public"
   },
   "devDependencies": {
-    "@mui/material": "5.8.1",
-    "@mui/system": "5.8.1",
+    "@mui/material": "5.9.3",
+    "@mui/system": "5.9.3",
     "@types/googlemaps": "3.43.3",
     "@types/markerclustererplus": "2.1.33",
-    "@types/node": "17.0.36",
+    "@types/node": "18.6.3",
     "@types/react": "17.0.43",
-    "del-cli": "4.0.1",
-    "typescript": "4.7.2"
+    "del-cli": "5.0.0",
+    "typescript": "4.7.4"
   },
   "scripts": {
     "build": "del-cli dist && npx tsc",