@apia/api 4.0.19 → 4.0.20

package/dist/index.d.ts

@@ -319,6 +319,7 @@ declare class Filter {
 }
 
 type TableControllerState = {
+    finishedLoading: boolean;
     columns: Map<string, TResponsiveTableColumn>;
     filters: Map<string | number, Filter>;
     pagination: {
@@ -381,9 +382,12 @@ declare class TableController {
     constructor(initialState?: Partial<TableControllerState>);
     clearFilters(): void;
     private parseFilters;
-    Context: ({ children }: {
+    Context: (({ children }: {
         children: React.ReactNode;
-    }) => react.JSX.Element;
+    }) => react.JSX.Element) & {
+        displayName: string;
+    };
+    private TableContext;
     getTableName(): string;
     Pagination: (() => react.JSX.Element) & {
         displayName: string;
@@ -486,5 +490,25 @@ declare class ApiaMonDocModal extends QueryModalController {
 }
 declare const ApiaMonDocModal2: ApiaMonDocModal;
 
-export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, ApiaPoolsModals2, ApiaUsersModal2, type IApiaApiRequestConfig, QueryController, type QueryControllerStructure, QueryModalController, type TApiaApiAxiosResponse, type TApiaApiMethod, type TApiaApiResult, type TFilter, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaUrl, parseSuccessfulResponse };
+declare class GenericListQuery extends QueryController {
+    ajaxUrl: string;
+    constructor(ajaxUrl: string);
+    getTableControllerDefaultProps(): {
+        isMultiple: boolean;
+    };
+    protected getLoadStructureParameters(): {
+        action: string;
+    };
+    protected getRefreshParameters(): Record<string, unknown>;
+    protected getSortParameters(): Record<string, unknown>;
+    protected getFilterParameters(): Record<string, unknown>;
+    protected getFiltersValuesMap(): Record<string, unknown>;
+    protected filter(): Promise<void>;
+    protected parseLoadStructureResponse(response: any): QueryControllerStructure;
+    initialLoad(): Promise<void>;
+    refresh(): Promise<void>;
+    sort(column: string): Promise<void>;
+}
+
+export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, ApiaPoolsModals2, ApiaUsersModal2, GenericListQuery, type IApiaApiRequestConfig, QueryController, type QueryControllerStructure, QueryModalController, type TApiaApiAxiosResponse, type TApiaApiMethod, type TApiaApiResult, type TFilter, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaUrl, parseSuccessfulResponse };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
 import * as React from 'react';
-import React__default, { createContext, useState, useCallback, useEffect, useId } from 'react';
+import React__default, { createContext, useState, useCallback, useEffect, useId, memo } from 'react';
 import { Box, Label, spacing, getVariant, Input as Input$1, Select as Select$1 } from '@apia/theme';
 import { debugDispatcher, parseXmlAsync, EventEmitter, arrayOrArray, useMount, encrypt, noNaN, getIndex, getLabel, StatefulEmitter, focus, focusSelector, useLatest } from '@apia/util';
 import { notify, getNotificationMessageObj, dispatchNotifications } from '@apia/notifications';
@@ -11,8 +11,8 @@ import merge from 'lodash-es/merge';
 import QueryString from 'qs';
 import { session } from '@apia/session';
 import uniqueId from 'lodash-es/uniqueId';
-import { ResponsiveTableContext, ResponsiveTable, Pagination, Sort, Responsive, Additional, responsiveTableStore, useResponsiveTableContext, getResponsiveTableContext, makeController2, responsiveTableActions, TableContextReproducer } from '@apia/table';
-import { makeObservable, observable, reaction, action, toJS } from 'mobx';
+import { ResponsiveTableContext, ResponsiveTable, Pagination, Sort, Responsive, Additional, responsiveTableStore, useResponsiveTableContext, getResponsiveTableContext, TableLoadingContext, makeController2, responsiveTableActions, TableContextReproducer } from '@apia/table';
+import { makeObservable, observable, reaction, toJS, action } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { throttle } from 'lodash-es';
 import { Icon } from '@apia/icons';
@@ -3025,7 +3025,7 @@ const ApiaApiHandlerNonMemoized = () => {
       "a,input,textarea,button"
     );
     if (elements?.length === 1)
-      void focus.on([...elements][0]);
+      void focus?.on([...elements][0]);
   });
   const setError = React.useCallback(
     (notification) => {
@@ -3310,26 +3310,26 @@ const InputFilterRenderer = observer(
   }
 );
 
-var __defProp$7 = Object.defineProperty;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$7 = (obj, key, value) => {
-  __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$6 = Object.defineProperty;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$6 = (obj, key, value) => {
+  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class Filter {
   constructor(properties) {
-    __publicField$7(this, "tableName");
-    __publicField$7(this, "filterState", {
+    __publicField$6(this, "tableName");
+    __publicField$6(this, "filterState", {
       runAutomatically: false,
       value: ""
     });
-    __publicField$7(this, "Component", observer(({ filter }) => {
+    __publicField$6(this, "Component", observer(({ filter }) => {
       const { name } = useResponsiveTableContext();
       this.tableName = name;
       if (this.filterState.isRange) {
         return this.getRangeRenderer({ filter });
       }
-      if (this.filterState.options) {
+      if (arrayOrArray(this.filterState.options).length > 0) {
         return this.getSelectRenderer({ filter });
       }
       return this.getInputRenderer({ filter });
@@ -3391,16 +3391,16 @@ const FilterTypesComponent = observer(
   }
 );
 
-var __defProp$6 = Object.defineProperty;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$6 = (obj, key, value) => {
-  __defNormalProp$6(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$5 = Object.defineProperty;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$5 = (obj, key, value) => {
+  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class FilterTypes {
   constructor() {
-    __publicField$6(this, "conditions", []);
-    __publicField$6(this, "Component", () => /* @__PURE__ */ jsx(FilterTypesComponent, { filterTypes: this }));
+    __publicField$5(this, "conditions", []);
+    __publicField$5(this, "Component", () => /* @__PURE__ */ jsx(FilterTypesComponent, { filterTypes: this }));
     makeObservable(this, {
       conditions: observable
     });
@@ -3438,28 +3438,38 @@ class FilterTypes {
   }
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$5 = (obj, key, value) => {
-  __defNormalProp$5(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$4 = Object.defineProperty;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$4 = (obj, key, value) => {
+  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 let controllerCount = 0;
 class TableController {
   constructor(initialState) {
-    __publicField$5(this, "emitter", new EventEmitter());
-    __publicField$5(this, "tableName", `TableController${controllerCount++}`);
-    __publicField$5(this, "tableSelectionController");
-    __publicField$5(this, "controllerComponent", () => null);
-    __publicField$5(this, "filterTypes", new FilterTypes());
-    __publicField$5(this, "state", {
+    __publicField$4(this, "emitter", new EventEmitter());
+    __publicField$4(this, "tableName", `TableController${controllerCount++}`);
+    __publicField$4(this, "tableSelectionController");
+    __publicField$4(this, "controllerComponent", () => null);
+    __publicField$4(this, "filterTypes", new FilterTypes());
+    __publicField$4(this, "state", {
+      finishedLoading: false,
       columns: /* @__PURE__ */ new Map(),
       filters: /* @__PURE__ */ new Map(),
       pagination: { currentPage: 0, totalPages: 0, totalRecords: 0 },
       props: {},
       rows: []
     });
-    __publicField$5(this, "Context", ({ children }) => {
+    __publicField$4(this, "Context", observer(({ children }) => {
+      return /* @__PURE__ */ jsx(
+        TableLoadingContext.Provider,
+        {
+          value: { current: this.state.finishedLoading },
+          children: /* @__PURE__ */ jsx(this.TableContext, { children })
+        }
+      );
+    }));
+    __publicField$4(this, "TableContext", memo(({ children }) => {
       const state = this.state;
       const props = toJS(state.props);
       return /* @__PURE__ */ jsx(
@@ -3491,8 +3501,8 @@ class TableController {
           children
         }
       );
-    });
-    __publicField$5(this, "Pagination", observer(() => {
+    }));
+    __publicField$4(this, "Pagination", observer(() => {
       return /* @__PURE__ */ jsx(
         Pagination,
         {
@@ -3504,7 +3514,7 @@ class TableController {
         }
       );
     }));
-    __publicField$5(this, "Table", ResponsiveTable);
+    __publicField$4(this, "Table", ResponsiveTable);
     makeObservable(this, {
       state: observable,
       updateState: action
@@ -3579,23 +3589,28 @@ class TableController {
   }
 }
 
-var __defProp$4 = Object.defineProperty;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$4 = (obj, key, value) => {
-  __defNormalProp$4(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$3 = Object.defineProperty;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$3 = (obj, key, value) => {
+  __defNormalProp$3(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
+function unescapeHtml(html) {
+  const tmp = document.createElement("textarea");
+  tmp.innerHTML = html;
+  return tmp.value;
+}
 class QueryController {
   constructor(ajaxUrl) {
     this.ajaxUrl = ajaxUrl;
-    __publicField$4(this, "hasInited", false);
-    __publicField$4(this, "initializing", false);
-    __publicField$4(this, "structure", null);
-    __publicField$4(this, "tableController");
+    __publicField$3(this, "hasInited", false);
+    __publicField$3(this, "initializing", false);
+    __publicField$3(this, "structure", null);
+    __publicField$3(this, "tableController");
     /**
      * Allows to throttle calls to actual refresh method.
      */
-    __publicField$4(this, "executeRefresh", throttle(
+    __publicField$3(this, "executeRefresh", throttle(
       async () => {
         await this.actualRefreshMethod();
       },
@@ -3760,7 +3775,9 @@ class QueryController {
           cells: [
             columns.find((c) => c.showAsAdditional) ? {} : void 0,
             ...columns.filter((c) => c.hidden).map(() => ({})),
-            ...arrayOrArray(r.cell).map((c) => ({ children: c }))
+            ...arrayOrArray(r.cell).map((c) => ({
+              children: typeof c === "string" ? unescapeHtml(c) : c
+            }))
           ].filter(Boolean),
           className: r.classToAdd,
           id: r.id
@@ -3921,16 +3938,16 @@ const AdditionalFiltersComponent = ({
   ] }) });
 };
 
-var __defProp$3 = Object.defineProperty;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$3 = (obj, key, value) => {
-  __defNormalProp$3(obj, key + "" , value);
+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 AdditionalFiltersModal {
   constructor(queryController) {
     this.queryController = queryController;
-    __publicField$3(this, "modalHandler", null);
+    __publicField$2(this, "modalHandler", null);
   }
   getModalDefinition() {
     return {
@@ -3985,19 +4002,19 @@ class AdditionalFiltersModal {
   }
 }
 
-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, typeof key !== "symbol" ? key + "" : key, value);
+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 QueryModalController {
   constructor(queryController) {
-    __publicField$2(this, "emitter", new EventEmitter());
-    __publicField$2(this, "queryController");
-    __publicField$2(this, "modalHandler", null);
-    __publicField$2(this, "currentSelection", null);
-    __publicField$2(this, "additionalFiltersController");
+    __publicField$1(this, "emitter", new EventEmitter());
+    __publicField$1(this, "queryController");
+    __publicField$1(this, "modalHandler", null);
+    __publicField$1(this, "currentSelection", null);
+    __publicField$1(this, "additionalFiltersController");
     if (!queryController) {
       throw new Error("QueryController instance is required");
     }
@@ -4078,11 +4095,11 @@ class QueryModalController {
     return this.emitter.on(ev, cb);
   }
   async openModal(properties) {
-    await this.queryController.initialLoad();
     this.modalHandler = ApiaUtil.instance.modals.open({
       ...this.getModalDefinition(),
       ...properties
     });
+    await this.queryController.initialLoad();
     return this.onConfirmResolve();
   }
   getModalHandler() {
@@ -4110,19 +4127,16 @@ class QueryModalController {
   }
 }
 
-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, key + "" , value);
-  return value;
-};
 class GenericListQuery extends QueryController {
   constructor(ajaxUrl) {
     super(ajaxUrl);
     this.ajaxUrl = ajaxUrl;
-    __publicField$1(this, "tableController", new TableController({
-      props: { isMultiple: true }
-    }));
+  }
+  getTableControllerDefaultProps() {
+    return {
+      ...super.getTableControllerDefaultProps(),
+      isMultiple: true
+    };
   }
   getLoadStructureParameters() {
     return { ...super.getLoadStructureParameters(), action: "filter" };
@@ -4217,6 +4231,9 @@ class GenericListQuery extends QueryController {
     return returnObject;
   }
   async initialLoad() {
+    this.tableController.updateState({
+      props: this.getTableControllerDefaultProps()
+    });
     await this.refresh();
   }
   async refresh() {
@@ -4436,5 +4453,5 @@ class ApiaMonDocModal extends QueryModalController {
 }
 const ApiaMonDocModal2 = new ApiaMonDocModal();
 
-export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, ApiaPoolsModals2, ApiaUsersModal2, QueryController, QueryModalController, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaUrl, parseSuccessfulResponse };
+export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, ApiaPoolsModals2, ApiaUsersModal2, GenericListQuery, QueryController, QueryModalController, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaUrl, parseSuccessfulResponse };
 //# sourceMappingURL=index.js.map