@apia/query 4.0.27 → 4.0.29

package/dist/index.d.ts

@@ -1,48 +1,176 @@
-import { TableController } from '@apia/table2-controller';
-import { TApiaFilterOption } from '@apia/util';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Cell, TableController } from '@apia/table2-controller';
+import { EventEmitter } from '@apia/util';
 
 type TQueryEnvironment = {
     window: Window;
 };
-type TQueryColumn = {
+type TAttribute = {
+    name: string;
+    value: string;
+};
+type TOption = {
     label: string;
+    value: string;
+};
+type TWithAttributes = {
+    attributes: Record<string, string>;
+};
+type TWithOptions = {
+    options: TOption | TOption[];
+};
+type TBehavior = TWithAttributes & {
+    allowEdition: boolean;
+    allowSelection: boolean;
+    isMultipleSelection: boolean;
+    hasDynamicStructure: boolean;
+    showAdditionalInfo: boolean;
+};
+type TColumn = TWithAttributes & TWithStylesModifiers & {
+    className: string;
+    hideFromAccordion: boolean;
+    isHidden: boolean;
+    isSortable: boolean;
     name: string;
-    resizable: string;
-    sortable: string;
-    sortState?: 'Asc' | 'Desc';
+    showAsAdditional: boolean;
+    sortType: 'ASC' | 'DESC' | 'NONE';
+    title: string;
+    tooltip: string;
     width: string;
 };
-type TFilter = {
-    avoidLabel?: boolean;
-    column?: string;
-    errorMessage?: string;
+type TFilter = TWithAttributes & TWithOptions & {
+    name: string;
+    columnName: string;
+    isRequired: boolean;
+    initialValue: string;
+    title: string;
+    type: 'COMBO' | 'DATE' | 'NUMBER' | 'STRING';
+};
+type TLoadStructure = {
+    behavior: TBehavior;
+    columns: TColumn | TColumn[];
+    filters: TFilter | TFilter[];
+    rows?: TRow | TRow[];
+};
+type TStateIcon = 'ALERT' | 'DISALLOWED' | 'LOCKED' | 'PRIORITY_LOW' | 'PRIORITY_NORMAL' | 'PRIORITY_HIGH' | 'PRIORITY_URGENT';
+type TWithAlignment = {
+    horizontalAlign?: 'Left' | 'Center' | 'Right' | 'Justify';
+    verticalAlign?: 'Top' | 'Middle' | 'Bottom';
+};
+type TWithStylesModifiers = {
+    background: string;
+    color: string;
+    isBold: boolean;
+    isHtml: boolean;
+    isLight: boolean;
+};
+type TCell = TWithAttributes & TWithStylesModifiers & TWithAlignment & {
+    className: string;
+    colspan: number;
+    renderer?: string;
+    text: string;
+    title: string;
+};
+type TActionBehavior = 'DO_NOTHING' | 'NAVIGATE_URL' | 'CALL_AJAX_URL' | 'RUN_ACTION' | 'OPEN_TAB' | 'FIRE_EVENT' | 'DOWNLOAD';
+type TActionSource = 'CLICK' | 'DOUBLE_CLICK';
+type TBasicAction = {
+    action: string;
+    actionBehavior: TActionBehavior;
+    actionSource: TActionSource;
+    additionalData: string;
+    text: string;
+};
+type TRow = TWithAttributes & TWithStylesModifiers & {
+    action: TBasicAction;
+} & TWithAlignment & {
+    cells: TCell | TCell[];
+    className: string;
     id: string;
-    filterToId?: string;
-    filterToValue?: string;
-    hideToFilter?: true;
-    isAdditional?: boolean;
-    isHidden?: boolean;
-    options?: TApiaFilterOption[];
-    placeholder?: string;
-    multiplier?: number;
-    readonly?: boolean;
-    required?: boolean;
-    runAutomatically?: boolean;
-    title?: string;
-    tooltip?: string;
-    isRange?: boolean;
-    group?: string;
-    type?: 'date' | 'D' | 'S' | 'number' | 'N' | 'apiaNumber' | 'triple' | 'dateHour';
-    value: any;
-    valueTo?: any;
-    isSize?: boolean;
+    isDisabled: boolean;
+    isHidden: boolean;
+    isSelected: boolean;
+    isSeparator: boolean;
+    states: TState | TState[];
+    title: string;
 };
+type TState = {
+    color: string;
+    tooltip: string;
+    className: string;
+    Icon: TStateIcon;
+};
+type TRefresh = {
+    rows: TRow | TRow[];
+};
+interface IStatesSource {
+    background: string;
+    color: string;
+    isBold: boolean;
+    isLight: boolean;
+}
+
+declare class HeaderCell extends Cell {
+    definition: TColumn;
+    constructor(definition: TColumn);
+    updateDefinition(newDef: Partial<TColumn>): void;
+}
+
+declare class Filter extends EventEmitter<{
+    change: null;
+    click: null;
+    blur: null;
+}> {
+    state: TFilter;
+    focus(): void;
+    constructor(properties: TFilter);
+    getValue(): string;
+    setValue(value: any): void;
+    fire(ev: 'click' | 'blur'): void;
+}
 
+declare class ListTableController extends EventEmitter<{
+    filterChange: Filter;
+    filterBlur: Filter;
+    filterClick: Filter;
+}> {
+    list: ListController;
+    controller: TableController;
+    protected columnsMap: Map<string, HeaderCell>;
+    protected filtersMap: Map<string, Filter>;
+    constructor(list: ListController);
+    protected init(): void;
+    fromGenericTable(table: TLoadStructure): void;
+    getFilter(filterName: string): Filter | undefined;
+    private listeners;
+    private clearFilters;
+    private makeFilter;
+}
+
+type ListState = {
+    navigation: {
+        pagesCount: number;
+        registers: number;
+        currentPage: number;
+    };
+};
+type TListRefreshResponse = {
+    list: ListState & TLoadStructure;
+};
 declare class ListController {
     protected env: TQueryEnvironment;
-    readonly table: TableController;
+    readonly table: ListTableController;
+    readonly state: ListState;
     constructor(env: TQueryEnvironment);
+    page(pageNumber: number): Promise<void>;
+    refresh(): Promise<void>;
+    protected processRefreshResult(result: TListRefreshResponse): void;
 }
 
-export { ListController, type TFilter, type TQueryColumn, type TQueryEnvironment };
+declare const Pagination: (({ controller }: {
+    controller: ListController;
+}) => react_jsx_runtime.JSX.Element) & {
+    displayName: string;
+};
+
+export { type IStatesSource, ListController, type ListState, Pagination, type TActionBehavior, type TActionSource, type TAttribute, type TBasicAction, type TBehavior, type TCell, type TColumn, type TFilter, type TListRefreshResponse, type TLoadStructure, type TOption, type TQueryEnvironment, type TRefresh, type TRow, type TState, type TStateIcon, type TWithAlignment, type TWithAttributes, type TWithOptions, type TWithStylesModifiers };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,18 +1,247 @@
-import { TableController } from '@apia/table2-controller';
+import { jsx } from 'react/jsx-runtime';
+import { observer } from 'mobx-react-lite';
+import { Pagination as Pagination$1 } from '@apia/components';
+import { ApiaApi, makeApiaUrl } from '@apia/api';
+import { Cell, TableController, Row } from '@apia/table2-controller';
+import { EventEmitter, arrayOrArray } from '@apia/util';
+import { makeObservable, observable } from 'mobx';
+
+const Pagination = observer(
+  ({ controller }) => {
+    return /* @__PURE__ */ jsx(
+      Pagination$1,
+      {
+        currentPage: controller.state.navigation.currentPage,
+        onPageChange: (page) => {
+          controller.page(page);
+        },
+        onRefresh: () => {
+          controller.refresh();
+        },
+        pageCount: controller.state.navigation.pagesCount
+      }
+    );
+  }
+);
+
+class HeaderCell extends Cell {
+  constructor(definition) {
+    super({
+      colName: definition.name,
+      content: definition.title,
+      isHidden: definition.isHidden
+    });
+    this.definition = definition;
+    makeObservable(this, { definition: observable });
+  }
+  updateDefinition(newDef) {
+    Object.assign(this, newDef);
+  }
+}
+
+class FilterCell extends Cell {
+  constructor(colName, filter) {
+    super({
+      colName
+    });
+    this.filter = filter;
+    makeObservable(this, { filter: observable });
+  }
+}
+
+var __defProp$2 = Object.defineProperty;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$2 = (obj, key, value) => {
+  __defNormalProp$2(obj, key + "" , value);
+  return value;
+};
+class Filter extends EventEmitter {
+  constructor(properties) {
+    super();
+    __publicField$2(this, "state");
+    this.state = properties;
+    makeObservable(this, { state: observable });
+  }
+  focus() {
+  }
+  getValue() {
+    return this.state.initialValue;
+  }
+  setValue(value) {
+    this.state.initialValue = value;
+    this.emit("change", null);
+  }
+  fire(ev) {
+    this.emit(ev, null);
+  }
+}
+
+class ListCell extends Cell {
+  constructor(colName, definition) {
+    super({
+      colName,
+      className: definition.className,
+      content: definition.text
+    });
+    this.definition = definition;
+  }
+  updateDefinition(definition) {
+    this.state.className = definition.className;
+    this.state.content = definition.text;
+  }
+}
+
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ListTableController extends EventEmitter {
+  constructor(list) {
+    super();
+    this.list = list;
+    __publicField$1(this, "controller", new TableController());
+    __publicField$1(this, "columnsMap", /* @__PURE__ */ new Map());
+    __publicField$1(this, "filtersMap", /* @__PURE__ */ new Map());
+    __publicField$1(this, "listeners", []);
+    this.init();
+  }
+  init() {
+    this.controller.head.addRow(new Row("header"));
+    this.controller.head.addRow(new Row("filters").setState("isHidden", true));
+  }
+  fromGenericTable(table) {
+    this.controller.setState("allowEdition", table.behavior.allowEdition);
+    this.controller.setState("allowSelection", table.behavior.allowSelection);
+    this.controller.setState(
+      "isSelectionMultiple",
+      table.behavior.isMultipleSelection
+    );
+    const columns = arrayOrArray(table.columns);
+    const filters = arrayOrArray(table.filters);
+    this.clearFilters();
+    this.columnsMap.clear();
+    for (const filter of filters) {
+      this.filtersMap.set(filter.name, this.makeFilter(filter));
+    }
+    this.controller.head.rows[0].cells.splice(columns.length);
+    this.controller.head.rows[1].cells.splice(columns.length);
+    let i;
+    for (i = 0; i < columns.length; i++) {
+      const column = columns[i];
+      const colName = column.name;
+      if (!this.controller.head.rows[0].cells[i]) {
+        this.controller.head.rows[0].addCell(new HeaderCell(column));
+      } else {
+        this.controller.head.rows[0].cells[i].updateDefinition(
+          column
+        );
+      }
+      const filter = filters.find((c) => c.columnName === colName);
+      if (this.controller.head.rows[1].cells[i]) {
+        this.controller.head.rows[1].cells[i].setState(
+          "colName",
+          colName
+        );
+        this.controller.head.rows[1].cells[i].filter = this.filtersMap.get(
+          filter?.name || "nohayfiltrodefinidiparaestacolumna"
+        );
+      } else {
+        this.controller.head.rows[1].addCell(
+          new FilterCell(
+            colName,
+            this.filtersMap.get(
+              filter?.name || "nohayfiltrodefinidiparaestacolumna"
+            )
+          )
+        );
+      }
+      this.columnsMap.set(
+        colName,
+        this.controller.head.rows[0].cells[i]
+      );
+    }
+    const rows = arrayOrArray(table.rows);
+    this.controller.body.rows.splice(rows.length);
+    for (let i2 = 0; i2 < rows.length; i2++) {
+      if (!this.controller.body.rows[i2]) {
+        this.controller.body.addRow(new Row(rows[i2].id));
+      } else {
+        this.controller.body.rows[i2].setState("id", rows[i2].id);
+      }
+      this.controller.body.rows[i2].cells.splice(columns.length);
+      for (let j = 0; j < columns.length; j++) {
+        if (this.controller.body.rows[i2].cells[j]) {
+          this.controller.body.rows[i2].cells[j].updateDefinition(
+            arrayOrArray(rows[i2].cells)[j]
+          );
+        } else {
+          this.controller.body.rows[i2].addCell(
+            new ListCell(columns[j].name, arrayOrArray(rows[i2].cells)[j])
+          );
+        }
+      }
+    }
+  }
+  getFilter(filterName) {
+    return this.filtersMap.get(filterName);
+  }
+  clearFilters() {
+    this.listeners.forEach((c) => c());
+    this.filtersMap.clear();
+  }
+  makeFilter(filter) {
+    const inst = new Filter(filter);
+    const listenBlur = () => this.emit("filterBlur", inst);
+    const listenChange = () => this.emit("filterChange", inst);
+    const listenClick = () => this.emit("filterClick", inst);
+    inst.on("blur", listenBlur);
+    inst.on("change", listenChange);
+    inst.on("click", listenClick);
+    this.listeners.push(listenBlur, listenChange, listenClick);
+    return inst;
+  }
+}
 
 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, key + "" , value);
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ListController {
   constructor(env) {
     this.env = env;
     __publicField(this, "table");
-    this.table = new TableController();
+    __publicField(this, "state", {
+      navigation: { currentPage: 0, pagesCount: 0, registers: 0 }
+    });
+    this.table = new ListTableController(this);
+    this.refresh();
+  }
+  async page(pageNumber) {
+    const result = await ApiaApi.post(
+      makeApiaUrl({ action: "refresh", page: pageNumber })
+    );
+    if (result?.data?.list) {
+      this.processRefreshResult(result.data);
+    }
+  }
+  async refresh() {
+    const result = await ApiaApi.post(
+      makeApiaUrl({ action: "refresh" })
+    );
+    if (result?.data?.list) {
+      this.processRefreshResult(result.data);
+    }
+  }
+  processRefreshResult(result) {
+    this.table.fromGenericTable(result.list);
+    this.state.navigation = result.list.navigation;
+    console.log(result.list.rows);
   }
 }
 
-export { ListController };
+export { ListController, Pagination };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/ListController.ts"],"sourcesContent":["import { TableController } from '@apia/table2-controller';\nimport { TQueryEnvironment } from './types';\n\nexport class ListController {\n  public readonly table: TableController;\n\n  constructor(protected env: TQueryEnvironment) {\n    this.table = new TableController();\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAGO,MAAM,cAAA,CAAe;AAAA,EAG1B,YAAsB,GAAA,EAAwB;AAAxB,IAAA,IAAA,CAAA,GAAA,GAAA,GAAA;AAFtB,IAAA,aAAA,CAAA,IAAA,EAAgB,OAAA,CAAA;AAGd,IAAA,IAAA,CAAK,KAAA,GAAQ,IAAI,eAAA,EAAgB;AAAA;AAErC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/components/Pagination.tsx","../src/ListTableController/HeaderCell.ts","../src/ListTableController/FilterCell.ts","../src/ListTableController/Filter.ts","../src/ListTableController/ListCell.ts","../src/ListTableController/index.ts","../src/ListController.ts"],"sourcesContent":["import { observer } from 'mobx-react-lite';\r\nimport { ListController } from '../ListController';\r\nimport { Pagination as PG } from '@apia/components';\r\n\r\nexport const Pagination = observer(\r\n  ({ controller }: { controller: ListController }) => {\r\n    return (\r\n      <PG\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={controller.state.navigation.pagesCount}\r\n      />\r\n    );\r\n  },\r\n);\r\n","import { Cell } from '@apia/table2-controller';\r\nimport { TColumn } from '../types';\r\nimport { makeObservable, observable } from 'mobx';\r\n\r\nexport class HeaderCell extends Cell {\r\n  constructor(public definition: TColumn) {\r\n    super({\r\n      colName: definition.name,\r\n      content: definition.title,\r\n      isHidden: definition.isHidden,\r\n    });\r\n\r\n    makeObservable(this, { definition: observable });\r\n  }\r\n\r\n  public updateDefinition(newDef: Partial<TColumn>) {\r\n    Object.assign(this, newDef);\r\n  }\r\n}\r\n","import { Cell } from '@apia/table2-controller';\r\nimport { makeObservable, observable } from 'mobx';\r\nimport { Filter } from './Filter';\r\n\r\nexport class FilterCell extends Cell {\r\n  constructor(\r\n    colName: string,\r\n    public filter?: Filter,\r\n  ) {\r\n    super({\r\n      colName,\r\n    });\r\n\r\n    makeObservable(this, { filter: observable });\r\n  }\r\n}\r\n","import { makeObservable, observable } from 'mobx';\r\nimport { TFilter } from '../types';\r\nimport { EventEmitter } from '@apia/util';\r\n\r\nexport class Filter extends EventEmitter<{\r\n  change: null;\r\n  click: null;\r\n  blur: null;\r\n}> {\r\n  state: TFilter;\r\n\r\n  focus() {}\r\n\r\n  constructor(properties: TFilter) {\r\n    super();\r\n\r\n    this.state = properties;\r\n\r\n    makeObservable(this, { state: observable });\r\n  }\r\n\r\n  public getValue() {\r\n    return this.state.initialValue;\r\n  }\r\n\r\n  public setValue(value: any) {\r\n    this.state.initialValue = value;\r\n    this.emit('change', null);\r\n  }\r\n\r\n  public fire(ev: 'click' | 'blur') {\r\n    this.emit(ev, null);\r\n  }\r\n}\r\n","import { Cell } from '@apia/table2-controller';\r\nimport { TCell } from '../types';\r\n\r\nexport class ListCell extends Cell {\r\n  constructor(\r\n    colName: string,\r\n    public definition: TCell,\r\n  ) {\r\n    super({\r\n      colName,\r\n      className: definition.className,\r\n      content: definition.text,\r\n    });\r\n  }\r\n\r\n  public updateDefinition(definition: TCell) {\r\n    this.state.className = definition.className;\r\n    this.state.content = definition.text;\r\n  }\r\n}\r\n","import { Row, TableController } from '@apia/table2-controller';\r\nimport { TFilter, TLoadStructure } from '../types';\r\nimport { arrayOrArray, EventEmitter } from '@apia/util';\r\nimport { HeaderCell } from './HeaderCell';\r\nimport { FilterCell } from './FilterCell';\r\nimport { Filter } from './Filter';\r\nimport { ListController } from '../ListController';\r\nimport { ListCell } from './ListCell';\r\n\r\nexport class ListTableController extends EventEmitter<{\r\n  filterChange: Filter;\r\n  filterBlur: Filter;\r\n  filterClick: Filter;\r\n}> {\r\n  controller = new TableController();\r\n\r\n  protected columnsMap = new Map<string, HeaderCell>();\r\n  protected filtersMap = new Map<string, Filter>();\r\n\r\n  constructor(public list: ListController) {\r\n    super();\r\n    this.init();\r\n  }\r\n\r\n  protected init() {\r\n    this.controller.head.addRow(new Row('header'));\r\n    this.controller.head.addRow(new Row('filters').setState('isHidden', true));\r\n  }\r\n\r\n  public fromGenericTable(table: TLoadStructure) {\r\n    /**\r\n     * Parse structure\r\n     */\r\n    this.controller.setState('allowEdition', table.behavior.allowEdition);\r\n    this.controller.setState('allowSelection', table.behavior.allowSelection);\r\n    this.controller.setState(\r\n      'isSelectionMultiple',\r\n      table.behavior.isMultipleSelection,\r\n    );\r\n\r\n    /**\r\n     * Dont know what to do with\r\n     *\r\n     * hasDynamicStructure\r\n     * showAdditionalInfo\r\n     */\r\n\r\n    /**\r\n     * Parse columns and filters\r\n     */\r\n    const columns = arrayOrArray(table.columns);\r\n    const filters = arrayOrArray(table.filters);\r\n\r\n    this.clearFilters();\r\n    this.columnsMap.clear();\r\n\r\n    for (const filter of filters) {\r\n      this.filtersMap.set(filter.name, this.makeFilter(filter));\r\n    }\r\n\r\n    this.controller.head.rows[0].cells.splice(columns.length);\r\n    this.controller.head.rows[1].cells.splice(columns.length);\r\n\r\n    let i;\r\n    for (i = 0; i < columns.length; i++) {\r\n      const column = columns[i];\r\n      const colName = column.name;\r\n\r\n      if (!this.controller.head.rows[0].cells[i]) {\r\n        this.controller.head.rows[0].addCell(new HeaderCell(column));\r\n      } else {\r\n        (this.controller.head.rows[0].cells[i] as HeaderCell).updateDefinition(\r\n          column,\r\n        );\r\n      }\r\n\r\n      const filter = filters.find((c) => c.columnName === colName);\r\n      if (this.controller.head.rows[1].cells[i]) {\r\n        (this.controller.head.rows[1].cells[i] as FilterCell).setState(\r\n          'colName',\r\n          colName,\r\n        );\r\n        (this.controller.head.rows[1].cells[i] as FilterCell).filter =\r\n          this.filtersMap.get(\r\n            filter?.name || 'nohayfiltrodefinidiparaestacolumna',\r\n          );\r\n      } else {\r\n        this.controller.head.rows[1].addCell(\r\n          new FilterCell(\r\n            colName,\r\n            this.filtersMap.get(\r\n              filter?.name || 'nohayfiltrodefinidiparaestacolumna',\r\n            ),\r\n          ),\r\n        );\r\n      }\r\n\r\n      this.columnsMap.set(\r\n        colName,\r\n        this.controller.head.rows[0].cells[i] as HeaderCell,\r\n      );\r\n    }\r\n\r\n    /**\r\n     * Process rows\r\n     */\r\n    const rows = arrayOrArray(table.rows);\r\n    this.controller.body.rows.splice(rows.length);\r\n    for (let i = 0; i < rows.length; i++) {\r\n      if (!this.controller.body.rows[i]) {\r\n        this.controller.body.addRow(new Row(rows[i].id));\r\n      } else {\r\n        this.controller.body.rows[i].setState('id', rows[i].id);\r\n      }\r\n\r\n      this.controller.body.rows[i].cells.splice(columns.length);\r\n      for (let j = 0; j < columns.length; j++) {\r\n        if (this.controller.body.rows[i].cells[j]) {\r\n          // Hay celda en i,j\r\n          (this.controller.body.rows[i].cells[j] as ListCell).updateDefinition(\r\n            arrayOrArray(rows[i].cells)[j],\r\n          );\r\n        } else {\r\n          // No hay celda en i,j\r\n          this.controller.body.rows[i].addCell(\r\n            new ListCell(columns[j].name, arrayOrArray(rows[i].cells)[j]),\r\n          );\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  public getFilter(filterName: string) {\r\n    return this.filtersMap.get(filterName);\r\n  }\r\n\r\n  private listeners: (() => unknown)[] = [];\r\n  private clearFilters() {\r\n    this.listeners.forEach((c) => c());\r\n    this.filtersMap.clear();\r\n  }\r\n\r\n  private makeFilter(filter: TFilter) {\r\n    const inst = new Filter(filter);\r\n    const listenBlur = () => this.emit('filterBlur', inst);\r\n    const listenChange = () => this.emit('filterChange', inst);\r\n    const listenClick = () => this.emit('filterClick', inst);\r\n    inst.on('blur', listenBlur);\r\n    inst.on('change', listenChange);\r\n    inst.on('click', listenClick);\r\n    this.listeners.push(listenBlur, listenChange, listenClick);\r\n    return inst;\r\n  }\r\n}\r\n","import { TLoadStructure, TQueryEnvironment } from './types';\r\nimport { ApiaApi, makeApiaUrl } from '@apia/api';\r\nimport { ListTableController } from './ListTableController';\r\n\r\nexport type ListState = {\r\n  navigation: {\r\n    pagesCount: number;\r\n    registers: number;\r\n    currentPage: number;\r\n  };\r\n};\r\n\r\nexport type TListRefreshResponse = {\r\n  list: ListState & TLoadStructure;\r\n};\r\n\r\nexport class ListController {\r\n  public readonly table: ListTableController;\r\n  public readonly state: ListState = {\r\n    navigation: { currentPage: 0, pagesCount: 0, registers: 0 },\r\n  };\r\n\r\n  constructor(protected env: TQueryEnvironment) {\r\n    this.table = new ListTableController(this);\r\n\r\n    this.refresh();\r\n  }\r\n\r\n  async page(pageNumber: number) {\r\n    const result = await ApiaApi.post<TListRefreshResponse>(\r\n      makeApiaUrl({ action: 'refresh', page: pageNumber }),\r\n    );\r\n\r\n    if (result?.data?.list) {\r\n      this.processRefreshResult(result.data);\r\n    }\r\n  }\r\n\r\n  async refresh() {\r\n    const result = await ApiaApi.post<TListRefreshResponse>(\r\n      makeApiaUrl({ action: 'refresh' }),\r\n    );\r\n\r\n    if (result?.data?.list) {\r\n      this.processRefreshResult(result.data);\r\n    }\r\n  }\r\n\r\n  protected processRefreshResult(result: TListRefreshResponse) {\r\n    this.table.fromGenericTable(result.list);\r\n    this.state.navigation = result.list.navigation;\r\n    console.log(result.list.rows);\r\n  }\r\n}\r\n"],"names":["PG","__publicField","i"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apia/query",
-  "version": "4.0.27",
+  "version": "4.0.29",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -15,8 +15,6 @@
     "libWatchForDashboards": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:dashboards"
   },
   "devDependencies": {
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
     "@typescript-eslint/eslint-plugin": "^6.14.0",
     "axios": "^1.3.5",
     "typescript": "5.4.2"
@@ -30,8 +28,12 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@apia/table2-controller": "^4.0.27",
-    "@apia/util": "^4.0.27"
+    "@apia/api": "^4.0.29",
+    "@apia/components": "^4.0.29",
+    "@apia/table2-controller": "^4.0.29",
+    "@apia/theme": "^4.0.29",
+    "@apia/util": "^4.0.29",
+    "mobx": "^6.13.7"
   },
-  "gitHead": "605f1ac826c47102ca7617f42a791fe7e3ef2444"
+  "gitHead": "101366de9e55ee6561309595f0b6949c3c9b123d"
 }