@apia/query 5.0.0 → 5.0.3

package/dist/QueriesFunctionalityController.js

@@ -0,0 +1,340 @@
+import { ListFunctionalityController } from './ListFunctionalityController.js';
+import { EventEmitter, arrayOrArray } from '@apia/util';
+import { ApiaApi } from '@apia/api2';
+import { ApiaUtil, TabsController } from '@apia/components';
+import { makeObservable, observable } from 'mobx';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class AsideTabs extends TabsController {
+  constructor(id, props, onTabChange) {
+    super(id, {
+      ...props,
+      initialState: {
+        showAtLeastOneTab: true,
+        isMultiple: true
+      }
+    });
+    this.id = id;
+    this.props = props;
+    this.onTabChange = onTabChange;
+  }
+  openTab(tabId, _closeOthers) {
+    this.onTabChange(tabId);
+    super.openTab(tabId, true);
+  }
+}
+const _QueriesFunctionalityController = class _QueriesFunctionalityController extends ListFunctionalityController {
+  constructor(env, tabs) {
+    super(env);
+    this.env = env;
+    this.tabs = tabs;
+    __publicField(this, "asideTabsController", new AsideTabs(
+      "asideTabs",
+      {
+        orientation: "vertical"
+      },
+      async (tabId) => {
+        if (tabId === "Chart" && this.queryState.defaultChart) {
+          this.loadMainChart();
+        } else if (tabId === "Pivot" && this.queryState.defaultPivot) {
+          this.loadMainPivot();
+        } else {
+          this.queryState.currentChart = void 0;
+          this.queryState.currentPivot = void 0;
+        }
+      }
+    ));
+    __publicField(this, "queryState", { isLoading: false });
+    __publicField(this, "emitter", new EventEmitter());
+    if (tabs && tabs.length > 0) {
+      tabs.forEach((tab) => this.asideTabsController.append(tab));
+    }
+    makeObservable(this, { queryState: observable });
+  }
+  async loadChart(chartId) {
+    const result = await ApiaApi.get(this.env.context, {
+      action: "showChart",
+      qryChtId: chartId
+    });
+    return _QueriesFunctionalityController.convertChartDefinitionToChartData(
+      result.data.chart
+    );
+  }
+  async loadMainChart() {
+    this.queryState.currentPivot = void 0;
+    const retrievedChart = await this.loadChart(
+      this.queryState.defaultChart
+    );
+    if (retrievedChart) {
+      const actualRetrievedChart = {
+        ...retrievedChart,
+        chartId: this.queryState.defaultChart
+      };
+      this.queryState.currentChart = actualRetrievedChart;
+    }
+  }
+  async loadPivot(props) {
+    this.queryState.isLoading = true;
+    if (props.offline && !props.rowId) {
+      return false;
+    }
+    const result = await ApiaApi.get(this.env.context, {
+      action: "showPivot",
+      qryPvtId: props.pivotId,
+      react: true,
+      preventAsXmlParameter: true,
+      id: props.rowId,
+      asXml: true
+    });
+    const config = result.data.pivot;
+    this.queryState.isLoading = false;
+    return {
+      load: {
+        pivots: [
+          {
+            title: config.title,
+            description: config.description,
+            mainPivot: config.mainPivot,
+            columnSort: config.columnSort,
+            rowSort: config.rowSort,
+            renderer: config.renderer,
+            aggregator: config.aggregator,
+            columns: arrayOrArray(config.columns.column).map((col) => ({
+              title: col.title,
+              showAs: col.showAs,
+              AggColumnOrder: col.AggColumnOrder,
+              isAnAggColumn: col.isAnAggColumn
+            })),
+            rows: arrayOrArray(config.rows.row).map((r) => ({
+              cell: arrayOrArray(r.cell).map((cell) => {
+                return _QueriesFunctionalityController.stripHtml(
+                  typeof cell === "object" ? cell.content : cell.toString()
+                );
+              })
+            }))
+          }
+        ]
+      }
+    };
+  }
+  async loadMainPivot() {
+    this.queryState.currentChart = void 0;
+    const retrievedPivot = await this.loadPivot({
+      pivotId: this.queryState.defaultPivot,
+      offline: false
+    });
+    if (retrievedPivot) {
+      const actualRetrievedPivot = {
+        ...retrievedPivot,
+        pivotId: this.queryState.defaultPivot
+      };
+      this.queryState.currentPivot = actualRetrievedPivot;
+    }
+  }
+  static stripHtml(html) {
+    const div = document.createElement("div");
+    div.innerHTML = html;
+    return div.textContent || div.innerText || "";
+  }
+  handleCloseChart() {
+    this.queryState.currentChart = void 0;
+    this.asideTabsController.openTab("Table");
+  }
+  handleClosePivot() {
+    this.queryState.currentPivot = void 0;
+    this.asideTabsController.openTab("Table");
+  }
+  openAndReadFile(pivot, accept) {
+    new Promise((resolve) => {
+      const input = document.createElement("input");
+      input.type = "file";
+      input.style.display = "none";
+      input.accept = accept || "*";
+      document.body.append(input);
+      input.click();
+      input.addEventListener("change", (ev) => {
+        const fileInput = ev.target;
+        const file = fileInput?.files?.[0];
+        if (file) {
+          const isValidFile = file.name.endsWith(".csv");
+          if (!isValidFile) {
+            ApiaUtil.instance.notifications.notify({
+              message: window.WRONG_FILE_TYPE
+            });
+            fileInput.value = "";
+            resolve(null);
+            return;
+          }
+          const reader = new FileReader();
+          reader.onload = (event) => {
+            fileInput.value = "";
+            const content = event.target?.result;
+            if (content) {
+              resolve(content);
+            }
+          };
+          reader.readAsText(file);
+        } else {
+          resolve(null);
+        }
+      });
+    }).then((value) => {
+      if (typeof value === "string") {
+        const csvString = ApiaUtil.instance.parsers.fromCsv(value);
+        const actualRetrievedPivot = {
+          pivotId: this.queryState.currentPivot?.pivotId ?? "",
+          load: {
+            pivots: [
+              {
+                ...pivot,
+                columns: csvString[0].map((e) => {
+                  return {
+                    showAs: "none",
+                    title: e,
+                    isAnAggColumn: false
+                  };
+                }),
+                rows: csvString.filter((_, i) => i !== 0).map((e) => ({ cell: e }))
+              }
+            ]
+          }
+        };
+        this.queryState.currentPivot = actualRetrievedPivot;
+      }
+    });
+  }
+  convertColumnSortToTQuerySort(sort) {
+    switch (sort) {
+      case "label_asc":
+        return "key_a_to_z";
+      case "value_asc":
+        return "value_a_to_z";
+      case "value_desc":
+        return "value_z_to_a";
+    }
+  }
+  parsePivotProps(pivot) {
+    const parsedData = [
+      pivot.columns.map((col) => col.title),
+      ...pivot.rows.map((row) => row.cell)
+    ];
+    return {
+      data: parsedData,
+      rows: pivot.columns.filter((col) => col.showAs === "row").map((col) => col.title),
+      cols: pivot.columns.filter((col) => col.showAs === "column").map((col) => col.title),
+      aggregatorName: pivot.aggregator,
+      rendererName: pivot.renderer,
+      colOrder: this.convertColumnSortToTQuerySort(pivot.columnSort),
+      rowOrder: this.convertColumnSortToTQuerySort(pivot.rowSort),
+      vals: pivot.columns.filter((col) => col.isAnAggColumn && col.AggColumnOrder).sort((a, b) => {
+        const orderA = a.AggColumnOrder ?? Infinity;
+        const orderB = b.AggColumnOrder ?? Infinity;
+        return orderA - orderB;
+      }).map((col) => col.title)
+    };
+  }
+  async pivotRefresh() {
+    const retrievedPivot = await this.loadPivot({
+      pivotId: this.queryState.currentPivot?.pivotId,
+      offline: false,
+      rowId: void 0
+    });
+    if (retrievedPivot) {
+      const actualRetrievedPivot = {
+        ...retrievedPivot,
+        pivotId: this.queryState.currentPivot?.pivotId
+      };
+      this.queryState.currentPivot = actualRetrievedPivot;
+    }
+  }
+};
+__publicField(_QueriesFunctionalityController, "convertChartDefinitionToChartData", (chartDefinition) => {
+  const {
+    title,
+    chartType,
+    axisXTitle,
+    axisYTitle,
+    showValues,
+    showLegend,
+    showAxisXTitle,
+    showAxisYTitle,
+    dataSets,
+    colorSchema,
+    showGrid
+  } = chartDefinition;
+  let type;
+  let indexAxis;
+  switch (chartType) {
+    case "barH2D":
+    case "barV2D":
+    case "barH3D":
+    case "barV3D":
+      type = "bar";
+      indexAxis = chartType === "barH2D" || chartType === "barH3D" ? "y" : "x";
+      break;
+    case "linear":
+      type = "line";
+      indexAxis = "x";
+      break;
+    case "waterfall":
+      type = "waterfall";
+      indexAxis = "x";
+      break;
+    case "pie2D":
+    case "pie3D":
+      type = "pie";
+      indexAxis = "x";
+      break;
+    default:
+      throw new Error(`Unsupported chart type: ${chartType}`);
+  }
+  const datasets = dataSets ? arrayOrArray(dataSets.data).length === 1 && chartType !== "linear" && chartType !== "waterfall" && chartType !== "pie2D" && chartType !== "pie3D" && arrayOrArray(dataSets.data)[0].sets ? arrayOrArray(arrayOrArray(dataSets.data)[0].sets).map((set) => {
+    const backgroundColor = arrayOrArray(
+      arrayOrArray(dataSets.data)[0].sets
+    ).map(
+      (set2) => set2.color || arrayOrArray(dataSets.data)[0].color || colorSchema || ""
+    );
+    const borderColor = backgroundColor;
+    const label = _QueriesFunctionalityController.stripHtml(set.key);
+    const data = [parseFloat(set.value)];
+    const borderWidth = 1;
+    return { backgroundColor, borderColor, label, data, borderWidth };
+  }) : arrayOrArray(dataSets.data).map((column) => {
+    const backgroundColor = arrayOrArray(column.sets).map(
+      (set) => set.color || column.color || colorSchema || ""
+    );
+    const borderColor = backgroundColor;
+    const label = _QueriesFunctionalityController.stripHtml(column.name);
+    const data = arrayOrArray(column.sets).map(
+      (set) => parseFloat(set.value)
+    );
+    const borderWidth = 1;
+    return { backgroundColor, borderColor, label, data, borderWidth };
+  }) : [];
+  const labels = dataSets ? arrayOrArray(dataSets.data).length === 1 && chartType !== "linear" && chartType !== "waterfall" && chartType !== "pie2D" && chartType !== "pie3D" ? [arrayOrArray(dataSets.data)[0].name] : arrayOrArray(arrayOrArray(dataSets.data)[0].sets).map((set) => {
+    return _QueriesFunctionalityController.stripHtml(set.key);
+  }) : [];
+  return {
+    title,
+    type,
+    datasets,
+    indexAxis,
+    labels,
+    showValues: showValues ? "true" : "false",
+    showLegend: showLegend ? "true" : "false",
+    showXAxisValues: showAxisXTitle ? "true" : void 0,
+    showYAxisValues: showAxisYTitle ? "true" : void 0,
+    showTable: showGrid ? "true" : "false",
+    xAxisTitle: axisXTitle || "",
+    yAxisTitle: axisYTitle || ""
+  };
+});
+let QueriesFunctionalityController = _QueriesFunctionalityController;
+
+export { QueriesFunctionalityController };
+//# sourceMappingURL=QueriesFunctionalityController.js.map

package/dist/QueriesFunctionalityController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueriesFunctionalityController.js","sources":["../src/QueriesFunctionalityController.ts"],"sourcesContent":["import { ListFunctionalityController } from './ListFunctionalityController';\r\nimport {\r\n  ColumnSort,\r\n  Pivot,\r\n  PivotTableUIProps,\r\n  TApiaChartColumn,\r\n  TPivotTableData,\r\n  TQuerySort,\r\n} from '@apia/charts';\r\nimport { TQueryEnvironment } from './types';\r\nimport { arrayOrArray, EventEmitter, TApiaLoadForm } from '@apia/util';\r\nimport { ApiaApi } from '@apia/api2';\r\nimport {\r\n  ApiaUtil,\r\n  TabsController,\r\n  TabsControllerProps,\r\n  TTab,\r\n} from '@apia/components';\r\nimport { makeObservable, observable } from 'mobx';\r\n\r\nexport type PivotTableConfig = {\r\n  renderer: string;\r\n  columnSort: string;\r\n  aggregator: string;\r\n  mainPivot: boolean;\r\n  description: string;\r\n  title: string;\r\n  rowSort: string;\r\n  columns: {\r\n    column: {\r\n      showAs: 'row' | 'column' | 'none';\r\n      title: string;\r\n      AggColumnOrder?: number;\r\n      isAnAggColumn: boolean;\r\n    }[];\r\n  };\r\n  rows: {\r\n    row:\r\n      | {\r\n          cell: (string | number | { content: string; isHTML: boolean })[];\r\n        }\r\n      | {\r\n          cell: (string | number | { content: string; isHTML: boolean })[];\r\n        }[];\r\n  };\r\n};\r\ntype Renderer =\r\n  | 'Table'\r\n  | 'Table Heatmap'\r\n  | 'Table Col Heatmap'\r\n  | 'Table Row Heatmap'\r\n  | 'Exportable TSV'\r\n  | 'Grouped Column Chart'\r\n  | 'Stacked Column Chart'\r\n  | 'Grouped Bar Chart'\r\n  | 'Stacked Bar Chart'\r\n  | 'Line Chart'\r\n  | 'Dot Chart'\r\n  | 'Area Chart'\r\n  | 'Scatter Chart'\r\n  | 'Multiple Pie Chart';\r\ntype Aggregator =\r\n  | 'Count'\r\n  | 'Count Unique Values'\r\n  | 'List Unique Values'\r\n  | 'Sum'\r\n  | 'Integer Sum'\r\n  | 'Average'\r\n  | 'Median'\r\n  | 'Sample Variance'\r\n  | 'Sample Standard Deviation'\r\n  | 'Minimum'\r\n  | 'Maximum'\r\n  | 'First'\r\n  | 'Last'\r\n  | 'Sum over Sum'\r\n  | 'Sum as Fraction of Total'\r\n  | 'Sum as Fraction of Rows'\r\n  | 'Sum as Fraction of Columns'\r\n  | 'Count as Fraction of Total'\r\n  | 'Count as Fraction of Rows'\r\n  | 'Count as Fraction of Columns';\r\nexport type TChartData = {\r\n  title: string;\r\n  type:\r\n    | 'bar'\r\n    | 'line'\r\n    | 'scatter'\r\n    | 'bubble'\r\n    | 'pie'\r\n    | 'doughnut'\r\n    | 'polarArea'\r\n    | 'radar'\r\n    | 'waterfall';\r\n  datasets: {\r\n    backgroundColor: string | string[];\r\n    borderColor: string | string[];\r\n    borderWidth: number;\r\n    label: string;\r\n    data: number[] | [number, number][];\r\n  }[];\r\n  indexAxis: 'x' | 'y';\r\n  labels: string[];\r\n  showValues: string;\r\n  showLegend: string;\r\n  showXAxisValues: string | undefined;\r\n  showYAxisValues: string | undefined;\r\n  showTable: string | undefined;\r\n  xAxisTitle: string;\r\n  yAxisTitle: string;\r\n};\r\n\r\nexport type TApiaChartDefinition = {\r\n  chartType?:\r\n    | 'barH3D'\r\n    | 'barV3D'\r\n    | 'barH2D'\r\n    | 'barV2D'\r\n    | 'linear'\r\n    | 'waterfall'\r\n    | 'pie2D'\r\n    | 'pie3D';\r\n  aspectRatio?: number;\r\n  axisXTitle?: string;\r\n  axisYTitle?: string;\r\n  hideSelector?: boolean;\r\n  /**\r\n   * The colors of the waterfall chart are defined by the bars with positive\r\n   * values and the bars with negative values. So in order to mantain cohesion\r\n   * in the color schema of the chart, this prop establishes the required colors\r\n   * for the chart\r\n   */\r\n  waterfallColors?: {\r\n    positive: string;\r\n    negative: string;\r\n    total: string;\r\n    stepConnector: string;\r\n  };\r\n  /**\r\n   * Name of the schema of colors shown in the chart. Pie charts must always include a schema\r\n   */\r\n  colorSchema?: string;\r\n  /**\r\n   * Main data to be parsed and shown in the chart.\r\n   * Depending on the ```chartType``` and the amount of ```column``` objects,\r\n   * the data can be considered differently.\r\n   * \r\n   * Examples:\r\n   * ```\r\n   * const columnsWithSingleColumnObject = columns: {\r\n   *   column: {\r\n   *     color: 'red',\r\n   *     coordinate: [\r\n   *       { xValue: '1', yValue: '1' },\r\n   *       ...,\r\n   *     ],\r\n   *     name: 'col1',\r\n   *   }\r\n   * };\r\n   * ```\r\n   * ```\r\n   * const columnsWithMultipleColumnObject = columns: {\r\n   *   column: [\r\n   *     {\r\n   *      color: 'red',\r\n   *      coordinate: [\r\n   *        { xValue: '1', yValue: '1' },\r\n   *        ...,\r\n   *      ],\r\n   *      name: 'col1',\r\n   *    },\r\n   *    ...,\r\n   *  ]\r\n   * };\r\n   *```\r\n   *\r\n   *\r\n   * ***Horizontal and Vertical bars***:\r\n   *\r\n   * ```1 column object```:\r\n   *\r\n   * Each ```coordinate``` is considered an individual separate 'column bar',\r\n   * and the ```colorSchema``` is separated between each ```coordinate``` made\r\n   * 'column bar'.\r\n   *\r\n   *\r\n   * ```Multiple column objects```:\r\n   * \r\n   * Each ```column``` object should have the same amount of coordinates and\r\n   * the coordinates in the same index of the array should have the same\r\n   * ```xValue```\r\n   *\r\n   * Each ```coordinate``` is considered an individual separate 'column bar',\r\n   * but the coordinates of each column are re-accommodated based on their\r\n   * ```xValue``` in order to make groups of columns with the same value on the\r\n   * X axis.\r\n   *\r\n   * In this case there will be 6 groups of columns (based on the length of the\r\n   * coordinate array), each group containing 3 'column bars' (based on the\r\n   * amount of column objects) and the ```colorSchema``` will be distributed\r\n   * inside each group, meaning each column having one single color.\r\n   *\r\n   *\r\n   * ***Linear***:\r\n   *\r\n   * ```N column objects```:\r\n\r\n   *\r\n   * Each ```column``` object is considered a line path, the coordinates being\r\n   * the nodes of said line.\r\n   *\r\n   * ***Pie charts***:\r\n   *\r\n   * ```N column objects```:\r\n   *\r\n   * Each ```column``` object is considered a unique Pie chart, the coordinates\r\n   * being the slices of said pie.\r\n   *\r\n   * ***Waterfall***:\r\n   *\r\n   * ```N column objects```:\r\n   *\r\n   * Each ```column``` object is considered a unique Waterfall chart, the coordinates\r\n   * being bars with the ```yValue``` determining if it goes up or down. Only this \r\n   * type of chart admits negative values on its coordinates.\r\n   *\r\n   */\r\n  dataSets: {\r\n    data: TApiaChartColumn | TApiaChartColumn[];\r\n  };\r\n  margin?:\r\n    | { top: number; left: number; bottom: number; right: number }\r\n    | number;\r\n  pnl_id?: string;\r\n  showAxisXTitle?: boolean;\r\n  showAxisYTitle?: boolean;\r\n  showGrid?: boolean;\r\n  showLegend?: boolean;\r\n  showValues?: boolean;\r\n  /**\r\n   * Specific for waterfall charts to show the total sum of the values of the\r\n   * chart at the end while each column shows its value. Otherwise the values\r\n   * shown on each bar will represent the current sum of values\r\n   */\r\n  showTotal?: boolean;\r\n  title: string;\r\n  ratio: {\r\n    height: number;\r\n    width: number;\r\n    maxWidth: number;\r\n  };\r\n};\r\nclass AsideTabs extends TabsController {\r\n  constructor(\r\n    public id: string,\r\n    public props: Omit<TabsControllerProps<TTab>, 'id' | 'initialState'>,\r\n    protected onTabChange: (newTab: string) => unknown,\r\n  ) {\r\n    super(id, {\r\n      ...props,\r\n      initialState: {\r\n        showAtLeastOneTab: true,\r\n        isMultiple: true,\r\n      },\r\n    });\r\n  }\r\n\r\n  openTab(tabId: string, _closeOthers?: boolean): void {\r\n    this.onTabChange(tabId);\r\n    super.openTab(tabId, true);\r\n  }\r\n}\r\nexport class QueriesFunctionalityController extends ListFunctionalityController {\r\n  asideTabsController: AsideTabs = new AsideTabs(\r\n    'asideTabs',\r\n    {\r\n      orientation: 'vertical',\r\n    },\r\n    async (tabId) => {\r\n      // this.emitter.emit('changeTab', tabId);\r\n      if (tabId === 'Chart' && this.queryState.defaultChart) {\r\n        this.loadMainChart();\r\n      } else if (tabId === 'Pivot' && this.queryState.defaultPivot) {\r\n        this.loadMainPivot();\r\n      } else {\r\n        this.queryState.currentChart = undefined;\r\n        this.queryState.currentPivot = undefined;\r\n      }\r\n    },\r\n  );\r\n  public queryState: {\r\n    currentChart?:\r\n      | (TChartData & { chartId: string | number })\r\n      | (TChartData[] & { chartId: string | number });\r\n\r\n    currentPivot?: TPivotTableData & { pivotId: string };\r\n    defaultChart?: string;\r\n    defaultPivot?: string;\r\n    isLoading: boolean;\r\n  } = { isLoading: false };\r\n\r\n  protected emitter = new EventEmitter<{\r\n    changeTab: string;\r\n  }>();\r\n\r\n  constructor(\r\n    protected env: TQueryEnvironment,\r\n    public tabs?: TTab[],\r\n  ) {\r\n    super(env);\r\n\r\n    if (tabs && tabs.length > 0) {\r\n      tabs.forEach((tab) => this.asideTabsController.append(tab));\r\n    }\r\n    makeObservable(this, { queryState: observable });\r\n  }\r\n\r\n  public async loadChart(chartId: string) {\r\n    const result = await ApiaApi.get<\r\n      TApiaLoadForm & { chart: TApiaChartDefinition }\r\n    >(this.env.context, {\r\n      action: 'showChart',\r\n      qryChtId: chartId,\r\n    });\r\n\r\n    return QueriesFunctionalityController.convertChartDefinitionToChartData(\r\n      result!.data!.chart,\r\n    );\r\n  }\r\n\r\n  public async loadMainChart() {\r\n    this.queryState.currentPivot = undefined;\r\n    const retrievedChart = await this.loadChart(\r\n      this.queryState.defaultChart as string,\r\n    );\r\n    if (retrievedChart) {\r\n      const actualRetrievedChart = {\r\n        ...retrievedChart,\r\n        chartId: this.queryState.defaultChart as string,\r\n      };\r\n      /**guardar grafica en store */\r\n      this.queryState.currentChart = actualRetrievedChart;\r\n    }\r\n  }\r\n\r\n  private static convertChartDefinitionToChartData = (\r\n    chartDefinition: TApiaChartDefinition,\r\n  ): TChartData => {\r\n    const {\r\n      title,\r\n      chartType,\r\n      axisXTitle,\r\n      axisYTitle,\r\n      showValues,\r\n      showLegend,\r\n      showAxisXTitle,\r\n      showAxisYTitle,\r\n      dataSets,\r\n      colorSchema,\r\n      showGrid,\r\n    } = chartDefinition;\r\n    let type: TChartData['type'];\r\n    let indexAxis: TChartData['indexAxis'];\r\n    switch (chartType) {\r\n      case 'barH2D':\r\n      case 'barV2D':\r\n      case 'barH3D':\r\n      case 'barV3D':\r\n        type = 'bar';\r\n        indexAxis =\r\n          chartType === 'barH2D' || chartType === 'barH3D' ? 'y' : 'x';\r\n        break;\r\n      case 'linear':\r\n        type = 'line';\r\n        indexAxis = 'x';\r\n        break;\r\n      case 'waterfall':\r\n        type = 'waterfall';\r\n        indexAxis = 'x';\r\n        break;\r\n      case 'pie2D':\r\n      case 'pie3D':\r\n        type = 'pie';\r\n        indexAxis = 'x';\r\n        break;\r\n      default:\r\n        throw new Error(`Unsupported chart type: ${chartType}`);\r\n    }\r\n    const datasets: TChartData['datasets'] = dataSets\r\n      ? arrayOrArray(dataSets.data).length === 1 &&\r\n        chartType !== 'linear' &&\r\n        chartType !== 'waterfall' &&\r\n        chartType !== 'pie2D' &&\r\n        chartType !== 'pie3D' &&\r\n        arrayOrArray(dataSets.data)[0].sets\r\n        ? arrayOrArray(arrayOrArray(dataSets.data)[0].sets).map((set) => {\r\n            const backgroundColor = arrayOrArray(\r\n              arrayOrArray(dataSets.data)[0].sets,\r\n            ).map(\r\n              (set) =>\r\n                set.color ||\r\n                arrayOrArray(dataSets.data)[0].color ||\r\n                colorSchema ||\r\n                '',\r\n            );\r\n            const borderColor = backgroundColor;\r\n            const label = QueriesFunctionalityController.stripHtml(set.key);\r\n            const data = [parseFloat(set.value)];\r\n            const borderWidth = 1;\r\n            return { backgroundColor, borderColor, label, data, borderWidth };\r\n          })\r\n        : arrayOrArray(dataSets.data).map((column) => {\r\n            const backgroundColor = arrayOrArray(column.sets).map(\r\n              (set) => set.color || column.color || colorSchema || '',\r\n            );\r\n            const borderColor = backgroundColor;\r\n            const label = QueriesFunctionalityController.stripHtml(column.name);\r\n            const data = arrayOrArray(column.sets).map((set) =>\r\n              parseFloat(set.value),\r\n            );\r\n            const borderWidth = 1;\r\n            return { backgroundColor, borderColor, label, data, borderWidth };\r\n          })\r\n      : [];\r\n\r\n    const labels: string[] = dataSets\r\n      ? arrayOrArray(dataSets.data).length === 1 &&\r\n        chartType !== 'linear' &&\r\n        chartType !== 'waterfall' &&\r\n        chartType !== 'pie2D' &&\r\n        chartType !== 'pie3D'\r\n        ? [arrayOrArray(dataSets.data)[0].name]\r\n        : arrayOrArray(arrayOrArray(dataSets.data)[0].sets).map((set) => {\r\n            return QueriesFunctionalityController.stripHtml(set.key);\r\n          })\r\n      : [];\r\n\r\n    return {\r\n      title,\r\n      type,\r\n      datasets,\r\n      indexAxis,\r\n      labels,\r\n      showValues: showValues ? 'true' : 'false',\r\n      showLegend: showLegend ? 'true' : 'false',\r\n      showXAxisValues: showAxisXTitle ? 'true' : undefined,\r\n      showYAxisValues: showAxisYTitle ? 'true' : undefined,\r\n      showTable: showGrid ? 'true' : 'false',\r\n      xAxisTitle: axisXTitle || '',\r\n      yAxisTitle: axisYTitle || '',\r\n    };\r\n  };\r\n\r\n  public async loadPivot(props: {\r\n    pivotId: string;\r\n    offline: boolean;\r\n    rowId?: string;\r\n  }) {\r\n    this.queryState.isLoading = true;\r\n    if (props.offline && !props.rowId) {\r\n      return false;\r\n    }\r\n    const result = await ApiaApi.get<\r\n      TApiaLoadForm & { pivot: PivotTableConfig }\r\n    >(this.env.context, {\r\n      action: 'showPivot',\r\n      qryPvtId: props.pivotId,\r\n      react: true,\r\n      preventAsXmlParameter: true,\r\n      id: props.rowId,\r\n      asXml: true,\r\n    });\r\n\r\n    const config = result!.data!.pivot;\r\n    this.queryState.isLoading = false;\r\n    return {\r\n      load: {\r\n        pivots: [\r\n          {\r\n            title: config.title,\r\n            description: config.description,\r\n            mainPivot: config.mainPivot,\r\n            columnSort: config.columnSort as ColumnSort,\r\n            rowSort: config.rowSort as ColumnSort,\r\n            renderer: config.renderer as Renderer,\r\n            aggregator: config.aggregator as Aggregator,\r\n            columns: arrayOrArray(config.columns.column).map((col) => ({\r\n              title: col.title,\r\n              showAs: col.showAs,\r\n              AggColumnOrder: col.AggColumnOrder,\r\n              isAnAggColumn: col.isAnAggColumn,\r\n            })),\r\n            rows: arrayOrArray(config.rows.row).map((r) => ({\r\n              cell: arrayOrArray(r.cell).map((cell) => {\r\n                // if (typeof cell === 'object') {\r\n                return QueriesFunctionalityController.stripHtml(\r\n                  typeof cell === 'object' ? cell.content : cell.toString(),\r\n                );\r\n                // } else {\r\n                //   return cell.toString();\r\n                // }\r\n              }),\r\n            })),\r\n          },\r\n        ],\r\n      },\r\n    };\r\n  }\r\n\r\n  public async loadMainPivot() {\r\n    this.queryState.currentChart = undefined;\r\n    const retrievedPivot = await this.loadPivot({\r\n      pivotId: this.queryState.defaultPivot as string,\r\n      offline: false,\r\n    });\r\n    if (retrievedPivot) {\r\n      const actualRetrievedPivot = {\r\n        ...retrievedPivot,\r\n        pivotId: this.queryState.defaultPivot as string,\r\n      };\r\n      this.queryState.currentPivot = actualRetrievedPivot;\r\n    }\r\n  }\r\n\r\n  private static stripHtml(html: string): string {\r\n    const div = document.createElement('div');\r\n    div.innerHTML = html;\r\n    return div.textContent || div.innerText || '';\r\n  }\r\n\r\n  public handleCloseChart() {\r\n    this.queryState.currentChart = undefined;\r\n    this.asideTabsController.openTab('Table');\r\n  }\r\n\r\n  public handleClosePivot() {\r\n    this.queryState.currentPivot = undefined;\r\n    this.asideTabsController.openTab('Table');\r\n  }\r\n\r\n  public openAndReadFile(pivot: Pivot, accept?: string) {\r\n    new Promise<string | ArrayBuffer | null>((resolve) => {\r\n      const input = document.createElement('input');\r\n      input.type = 'file';\r\n      input.style.display = 'none';\r\n      input.accept = accept || '*';\r\n\r\n      document.body.append(input);\r\n\r\n      input.click();\r\n      input.addEventListener('change', (ev) => {\r\n        const fileInput = ev.target as HTMLInputElement;\r\n        const file = fileInput?.files?.[0];\r\n\r\n        if (file) {\r\n          // Validate file extension if 'accept' is set to 'text/csv'\r\n          const isValidFile = file.name.endsWith('.csv');\r\n          if (!isValidFile) {\r\n            ApiaUtil.instance.notifications.notify({\r\n              message: window.WRONG_FILE_TYPE,\r\n            });\r\n            fileInput.value = ''; // Clear the input\r\n            resolve(null);\r\n            return;\r\n          }\r\n\r\n          const reader = new FileReader();\r\n          reader.onload = (event) => {\r\n            fileInput.value = '';\r\n            const content = event.target?.result;\r\n            if (content) {\r\n              resolve(content);\r\n            }\r\n          };\r\n          reader.readAsText(file);\r\n        } else {\r\n          resolve(null);\r\n        }\r\n      });\r\n    }).then((value) => {\r\n      if (typeof value === 'string') {\r\n        const csvString = ApiaUtil.instance.parsers.fromCsv(value);\r\n\r\n        const actualRetrievedPivot: TPivotTableData & {\r\n          pivotId: string;\r\n        } = {\r\n          pivotId: this.queryState.currentPivot?.pivotId ?? '',\r\n          load: {\r\n            pivots: [\r\n              {\r\n                ...pivot,\r\n                columns: csvString[0].map((e) => {\r\n                  return {\r\n                    showAs: 'none',\r\n                    title: e,\r\n                    isAnAggColumn: false,\r\n                  };\r\n                }),\r\n                rows: csvString\r\n                  .filter((_, i) => i !== 0)\r\n                  .map((e) => ({ cell: e })),\r\n              },\r\n            ],\r\n          },\r\n        };\r\n\r\n        this.queryState.currentPivot = actualRetrievedPivot;\r\n      }\r\n    });\r\n  }\r\n\r\n  public convertColumnSortToTQuerySort(sort: ColumnSort): TQuerySort {\r\n    switch (sort) {\r\n      case 'label_asc':\r\n        return 'key_a_to_z';\r\n      case 'value_asc':\r\n        return 'value_a_to_z';\r\n      case 'value_desc':\r\n        return 'value_z_to_a';\r\n    }\r\n  }\r\n\r\n  public parsePivotProps(pivot: Pivot) {\r\n    const parsedData: string[][] = [\r\n      pivot.columns.map((col) => col.title),\r\n      ...pivot.rows.map((row) => row.cell),\r\n    ];\r\n\r\n    return {\r\n      data: parsedData,\r\n      rows: pivot.columns\r\n        .filter((col) => col.showAs === 'row')\r\n        .map((col) => col.title),\r\n      cols: pivot.columns\r\n        .filter((col) => col.showAs === 'column')\r\n        .map((col) => col.title),\r\n      aggregatorName: pivot.aggregator,\r\n      rendererName: pivot.renderer,\r\n      colOrder: this.convertColumnSortToTQuerySort(pivot.columnSort),\r\n      rowOrder: this.convertColumnSortToTQuerySort(pivot.rowSort),\r\n      vals: pivot.columns\r\n        .filter((col) => col.isAnAggColumn && col.AggColumnOrder)\r\n        .sort((a, b) => {\r\n          // Treat undefined as Infinity for ascending sort\r\n          const orderA = a.AggColumnOrder ?? Infinity;\r\n          const orderB = b.AggColumnOrder ?? Infinity;\r\n          return orderA - orderB;\r\n        })\r\n        .map((col) => col.title),\r\n    } as Omit<PivotTableUIProps, 'onChange'>;\r\n  }\r\n\r\n  public async pivotRefresh() {\r\n    const retrievedPivot = await this.loadPivot({\r\n      pivotId: this.queryState.currentPivot?.pivotId as string,\r\n      offline: false,\r\n      rowId: undefined,\r\n    });\r\n    if (retrievedPivot) {\r\n      const actualRetrievedPivot = {\r\n        ...retrievedPivot,\r\n        pivotId: this.queryState.currentPivot?.pivotId as string,\r\n      };\r\n      this.queryState.currentPivot = actualRetrievedPivot;\r\n    }\r\n  }\r\n}\r\n"],"names":["set"],"mappings":"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"}

package/dist/components/Pagination.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ListFunctionalityController } from '../ListFunctionalityController.js';
+import { ListController } from '../ListController.js';
+
+declare const Pagination: (({ controller, fncController, variant, }: {
+    controller: ListController;
+    fncController?: ListFunctionalityController;
+    variant?: "primary" | "secondary" | "datagrid";
+}) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { Pagination };
+//# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Pagination.js

@@ -0,0 +1,65 @@
+import { jsx } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { Pagination as Pagination$1 } from '@apia/components';
+import { getLabel } from '@apia/util';
+
+const labels = {
+  deleteFilters: getLabel("btnClearFilter").text,
+  firstPage: getLabel("btnNavFirst").text,
+  information: getLabel("lblInfo").text,
+  lastPage: getLabel("btnNavLast").text,
+  nextPage: getLabel("btnNavNext").text,
+  maximize: getLabel("lblMaximizeWindow").text,
+  minimize: getLabel("lblMinimizeWindow").text,
+  moreData: getLabel("lblMoreData").text,
+  page: getLabel("lblPage").text,
+  pageInputInstructions: getLabel("btnNavFirst").text,
+  previousPage: getLabel("btnNavPrev").text,
+  refresh: getLabel("btnAct").text,
+  totalRecords: getLabel("lblTotReg").text,
+  totalRecordsReached: getLabel("msgTotRegReached").text,
+  registersPerPage: getLabel("lblQryParamPagNum").text
+};
+const Pagination = observer(
+  ({
+    controller,
+    fncController,
+    variant
+  }) => {
+    return /* @__PURE__ */ jsx(
+      Pagination$1,
+      {
+        onRegistersPerPageChange: controller.configuration?.canSetRegistersPerPage ? controller.setRegistersPerPage.bind(controller) : void 0,
+        registersPerPage: controller.registersPerPage,
+        variant,
+        currentPage: controller.state.navigation.currentPage,
+        onPageChange: (page) => {
+          controller.page(page);
+        },
+        onRefresh: () => {
+          controller.refresh();
+        },
+        pageCount: controller.state.navigation.showPagination ? controller.state.navigation.pagesCount <= 0 ? 1 : controller.state.navigation.pagesCount : 0,
+        recordsCount: controller.state.navigation.showRegisterAmount ? controller.state.navigation.registers : -1,
+        appliedFilters: controller.table.getFilters().filter((c) => c.hasValue()).length,
+        reachedMax: controller.state.navigation.reachedMax,
+        hasMore: controller.state.navigation.hasMore,
+        areAllFiltersApplied: controller.state.areAllFiltersApplied,
+        onDeleteFilters: () => controller.clearFilters(),
+        labels,
+        isMaximized: fncController?.state.isMaximized,
+        onMaximize: fncController ? () => {
+          fncController.state.isMaximized = !fncController?.state.isMaximized;
+          if (fncController?.state.isMaximized) {
+            document.querySelector(".twoColumnsList")?.classList.add("maximized");
+          } else {
+            document.querySelector(".twoColumnsList")?.classList.remove("maximized");
+          }
+        } : void 0
+      }
+    );
+  }
+);
+
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport { Pagination as PG } from '@apia/components';\r\nimport { getLabel } from '@apia/util';\r\nimport { ListFunctionalityController } from '../ListFunctionalityController';\r\nimport { ListController } from '../ListController';\r\n\r\nconst labels = {\r\n  deleteFilters: getLabel('btnClearFilter').text,\r\n  firstPage: getLabel('btnNavFirst').text,\r\n  information: getLabel('lblInfo').text,\r\n  lastPage: getLabel('btnNavLast').text,\r\n  nextPage: getLabel('btnNavNext').text,\r\n  maximize: getLabel('lblMaximizeWindow').text,\r\n  minimize: getLabel('lblMinimizeWindow').text,\r\n  moreData: getLabel('lblMoreData').text,\r\n  page: getLabel('lblPage').text,\r\n  pageInputInstructions: getLabel('btnNavFirst').text,\r\n  previousPage: getLabel('btnNavPrev').text,\r\n  refresh: getLabel('btnAct').text,\r\n  totalRecords: getLabel('lblTotReg').text,\r\n  totalRecordsReached: getLabel('msgTotRegReached').text,\r\n  registersPerPage: getLabel('lblQryParamPagNum').text,\r\n};\r\n\r\nexport const Pagination = observer(\r\n  ({\r\n    controller,\r\n    fncController,\r\n    variant,\r\n  }: {\r\n    controller: ListController;\r\n    fncController?: ListFunctionalityController;\r\n    variant?: 'primary' | 'secondary' | 'datagrid';\r\n  }) => {\r\n    return (\r\n      <PG\r\n        onRegistersPerPageChange={\r\n          controller.configuration?.canSetRegistersPerPage\r\n            ? controller.setRegistersPerPage.bind(controller)\r\n            : undefined\r\n        }\r\n        registersPerPage={controller.registersPerPage}\r\n        variant={variant}\r\n        currentPage={controller.state.navigation.currentPage}\r\n        onPageChange={(page) => {\r\n          controller.page(page);\r\n        }}\r\n        onRefresh={() => {\r\n          controller.refresh();\r\n        }}\r\n        pageCount={\r\n          controller.state.navigation.showPagination\r\n            ? controller.state.navigation.pagesCount <= 0\r\n              ? 1\r\n              : controller.state.navigation.pagesCount\r\n            : 0\r\n        }\r\n        recordsCount={\r\n          controller.state.navigation.showRegisterAmount\r\n            ? controller.state.navigation.registers\r\n            : -1\r\n        }\r\n        appliedFilters={\r\n          controller.table.getFilters().filter((c) => c.hasValue()).length\r\n        }\r\n        reachedMax={controller.state.navigation.reachedMax}\r\n        hasMore={controller.state.navigation.hasMore}\r\n        areAllFiltersApplied={controller.state.areAllFiltersApplied}\r\n        onDeleteFilters={() => controller.clearFilters()}\r\n        labels={labels}\r\n        isMaximized={fncController?.state.isMaximized}\r\n        onMaximize={\r\n          fncController\r\n            ? () => {\r\n                fncController!.state.isMaximized =\r\n                  !fncController?.state.isMaximized;\r\n                if (fncController?.state.isMaximized) {\r\n                  document\r\n                    .querySelector('.twoColumnsList')\r\n                    ?.classList.add('maximized');\r\n                } else {\r\n                  document\r\n                    .querySelector('.twoColumnsList')\r\n                    ?.classList.remove('maximized');\r\n                }\r\n              }\r\n            : undefined\r\n        }\r\n      />\r\n    );\r\n  },\r\n);\r\n"],"names":["PG"],"mappings":"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"}

package/dist/components/modals/ExportModal.js

@@ -0,0 +1,146 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { Box, Label, Radio } from '@apia/theme';
+import { getLabel } from '@apia/util';
+import { ExportController } from './controllers/ExportController.js';
+
+const ExportFormat = () => {
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "format",
+          value: "pdf",
+          onChange: (ev) => {
+            ExportController.getInstance().setFormat(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblPdf").text
+    ] }),
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "format",
+          value: "excel",
+          onChange: (ev) => {
+            ExportController.getInstance().setFormat(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblExcel").text
+    ] }),
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "format",
+          value: "excelx",
+          onChange: (ev) => {
+            ExportController.getInstance().setFormat(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblExcelX").text
+    ] }),
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "format",
+          value: "cvs",
+          onChange: (ev) => {
+            ExportController.getInstance().setFormat(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblCsv").text
+    ] }),
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "format",
+          value: "txt",
+          defaultChecked: true,
+          onChange: (ev) => {
+            ExportController.getInstance().setFormat(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblTxt").text
+    ] }),
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "format",
+          value: "html",
+          onChange: (ev) => {
+            ExportController.getInstance().setFormat(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblHtml").text
+    ] })
+  ] });
+};
+const ExportAmount = () => {
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "amount",
+          value: "all",
+          onChange: (ev) => {
+            ExportController.getInstance().setAmount(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblExpAll").text
+    ] }),
+    /* @__PURE__ */ jsxs(Label, { children: [
+      /* @__PURE__ */ jsx(
+        Radio,
+        {
+          name: "amount",
+          value: "current",
+          defaultChecked: true,
+          onChange: (ev) => {
+            ExportController.getInstance().setAmount(
+              ev.target.value
+            );
+          }
+        }
+      ),
+      getLabel("lblExpAct").text
+    ] })
+  ] });
+};
+const ExportModal = observer(() => {
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(ExportFormat, {}),
+    /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx(ExportAmount, {})
+  ] });
+});
+
+export { ExportModal };
+//# sourceMappingURL=ExportModal.js.map