@apia/api 4.0.16 → 4.0.17

package/dist/index.js

@@ -1,7 +1,7 @@
 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 { Box, Label, spacing, getVariant, Select as Select$1, Input as Input$1 } from '@apia/theme';
+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';
 import { classToValidate, Checkbox, FileInput, classToValidationFunction, Input, Radio, Select, Textarea, useFormContext, validationsStore, hasSucceedFormValidation, Form } from '@apia/validations';
@@ -11,10 +11,11 @@ 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, RangeFilter, getResponsiveTableContext, makeController2, responsiveTableActions, TableContextReproducer } from '@apia/table';
+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 { observer } from 'mobx-react-lite';
 import { throttle } from 'lodash-es';
+import { Icon } from '@apia/icons';
 
 const ApiaApiId = createContext("apiaApi");
 const ApiaApiContext = ({
@@ -474,7 +475,6 @@ function makeApiaUrl(props) {
 function getModal$1(name) {
   return window[name];
 }
-var ApiaApi$1 = ApiaApi;
 
 const ApiaApiCheckbox = (props) => {
   const element = React__default.useMemo(() => props.element, [props.element]);
@@ -822,7 +822,7 @@ const defaultFetcher = {
     (filters ?? []).forEach((currentFilter) => {
       filterValues[currentFilter.id] = currentFilter.currentValue;
     });
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({
         react: true,
         action: "filter",
@@ -840,7 +840,7 @@ const defaultFetcher = {
     return parseResult(result?.data);
   },
   async page({ page, path, requestConfig }) {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({
         react: true,
         action: "page",
@@ -856,7 +856,7 @@ const defaultFetcher = {
     return parseResult(result?.data);
   },
   async refresh({ path, requestConfig }) {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({
         react: true,
         action: "refresh",
@@ -871,7 +871,7 @@ const defaultFetcher = {
     return parseResult(result?.data);
   },
   async sort({ path, requestConfig, sort }) {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({
         react: true,
         action: "sort",
@@ -2809,7 +2809,7 @@ const NonMemoizedApiaApiButtonsContainer = (props) => {
               ...current,
               isLoading: true
             }));
-            void ApiaApi$1.post(url, {
+            void ApiaApi.post(url, {
               postData: props.state.isMultipart ? formData : QueryString.stringify(
                 [...formData.entries(), ["isAjax", true]].reduce((accumulated, [name, value]) => {
                   const retValue = { ...accumulated };
@@ -3223,6 +3223,93 @@ const ApiaApiHandlerNonMemoized = () => {
 };
 const ApiaApiHandler = React.memo(ApiaApiHandlerNonMemoized);
 
+const units = ["B", "KB", "MB", "GB"];
+const RangeFilterRenderer = observer(
+  ({ filter, state }) => {
+    const { onFilterBlur, onFilterPressEnter, onFilterChange } = useResponsiveTableContext();
+    return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 2, alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(
+        Input$1,
+        {
+          id: "range-filter-from",
+          value: state.value,
+          onChange: (ev) => {
+            state.value = ev.target.value;
+            onFilterChange?.(filter);
+          },
+          onKeyDown: (ev) => {
+            if (ev.code === "Enter") {
+              onFilterPressEnter?.(filter);
+            }
+          },
+          onBlur: () => {
+            onFilterBlur?.(filter);
+          }
+        }
+      ),
+      "-",
+      /* @__PURE__ */ jsx(
+        Input$1,
+        {
+          tabIndex: 0,
+          id: "range-filter-to",
+          value: state.valueTo || "",
+          onChange: (e) => state.valueTo = e.target.value
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select$1,
+        {
+          onChange: (ev) => {
+          },
+          value: units[Math.log(1) / 10],
+          children: units.map((c) => /* @__PURE__ */ jsx("option", { value: c, children: c }, c))
+        }
+      )
+    ] });
+  }
+);
+
+const SelectFilterRenderer = observer(
+  ({ filter, state }) => {
+    const { onFilterChange } = useResponsiveTableContext();
+    return /* @__PURE__ */ jsx(
+      Select$1,
+      {
+        value: state.value,
+        onChange: (ev) => {
+          state.value = ev.target.value;
+          onFilterChange?.(filter);
+        },
+        children: arrayOrArray(filter.options).map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: c.label }, c.value))
+      }
+    );
+  }
+);
+
+const InputFilterRenderer = observer(
+  ({ filter, state }) => {
+    const { onFilterBlur, onFilterPressEnter } = useResponsiveTableContext();
+    return /* @__PURE__ */ jsx(
+      Input$1,
+      {
+        value: state.value,
+        onChange: (ev) => {
+          state.value = ev.target.value;
+        },
+        onKeyDown: (ev) => {
+          if (ev.code === "Enter") {
+            onFilterPressEnter?.(filter);
+          }
+        },
+        onBlur: () => {
+          onFilterBlur?.(filter);
+        }
+      }
+    );
+  }
+);
+
 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) => {
@@ -3237,50 +3324,15 @@ class Filter {
       value: ""
     });
     __publicField$7(this, "Component", observer(({ filter }) => {
-      const { onFilterBlur, onFilterPressEnter, onFilterChange, name } = useResponsiveTableContext();
+      const { name } = useResponsiveTableContext();
       this.tableName = name;
-      if (this.filterState?.isRange) {
-        return /* @__PURE__ */ jsx(
-          RangeFilter,
-          {
-            filter: {
-              ...filter,
-              currentValue: this.filterState.value,
-              isSize: this.filterState.isSize
-            }
-          }
-        );
+      if (this.filterState.isRange) {
+        return this.getRangeRenderer({ filter });
       }
-      if (filter.options) {
-        return /* @__PURE__ */ jsx(
-          Select$1,
-          {
-            value: this.filterState.value,
-            onChange: (ev) => {
-              this.filterState.value = ev.target.value;
-              onFilterChange?.(filter);
-            },
-            children: filter.options.map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: c.label }, c.value))
-          }
-        );
+      if (this.filterState.options) {
+        return this.getSelectRenderer({ filter });
       }
-      return /* @__PURE__ */ jsx(
-        Input$1,
-        {
-          value: this.filterState.value,
-          onChange: (ev) => {
-            this.filterState.value = ev.target.value;
-          },
-          onKeyDown: (ev) => {
-            if (ev.code === "Enter") {
-              onFilterPressEnter?.(filter);
-            }
-          },
-          onBlur: () => {
-            onFilterBlur?.(filter);
-          }
-        }
-      );
+      return this.getInputRenderer({ filter });
     }));
     Object.assign(this.filterState, properties);
     makeObservable(this, { filterState: observable });
@@ -3298,6 +3350,15 @@ class Filter {
   }
   focus() {
   }
+  getInputRenderer({ filter }) {
+    return /* @__PURE__ */ jsx(InputFilterRenderer, { filter, state: this.filterState });
+  }
+  getSelectRenderer({ filter }) {
+    return /* @__PURE__ */ jsx(SelectFilterRenderer, { filter, state: this.filterState });
+  }
+  getRangeRenderer({ filter }) {
+    return /* @__PURE__ */ jsx(RangeFilterRenderer, { filter, state: this.filterState });
+  }
 }
 
 const FilterTypesComponent = observer(
@@ -3345,7 +3406,7 @@ class FilterTypes {
     });
   }
   async getFilterTypes() {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({
         ajaxUrl: "apia.query.ModalAction.run?",
         action: "filterOptions"
@@ -3359,7 +3420,7 @@ class FilterTypes {
     await this.getFilterTypes();
   }
   async setFilterOptions() {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({
         ajaxUrl: "apia.query.ModalAction.run?",
         action: "setFilterOptions"
@@ -3497,7 +3558,9 @@ class TableController {
         id: c.filterState.id,
         column: c.filterState.column,
         asAdditional: c.filterState.isAdditional || this.state.columns.get(c.filterState.column || "")?.hidden,
-        options: c.filterState.options
+        options: c.filterState.options,
+        detectOnChange: c.filterState.runAutomatically,
+        runAutomatically: c.filterState.runAutomatically
       };
     });
   }
@@ -3528,7 +3591,7 @@ class QueryController {
     __publicField$4(this, "hasInited", false);
     __publicField$4(this, "initializing", false);
     __publicField$4(this, "structure", null);
-    __publicField$4(this, "tableController", new TableController());
+    __publicField$4(this, "tableController");
     /**
      * Allows to throttle calls to actual refresh method.
      */
@@ -3539,29 +3602,46 @@ class QueryController {
       300,
       { leading: false, trailing: true }
     ));
+    this.tableController = this.buildTableController();
     this.initEvents();
   }
+  getTableControllerDefaultProps() {
+    return {};
+  }
+  getEventsHandlers() {
+    return {
+      onChangeSelection: (ev) => {
+      },
+      onFilterBlur: (_ev) => {
+      },
+      onFilterChange: (_ev) => {
+        const filter = this.tableController.state.filters.get(_ev.id);
+        if (filter?.filterState.runAutomatically) {
+          this.refresh(false);
+        }
+      },
+      onFilterPressEnter: (_ev) => {
+        this.refresh(true);
+      },
+      onRowClick: (_ev) => {
+      },
+      onSelectRows: (_ev) => {
+      },
+      onSortChange: (ev) => {
+        this.sort(String(ev.columnIndex));
+      },
+      onPage: this.page.bind(this),
+      onRefresh: () => this.refresh(true)
+    };
+  }
+  buildTableController() {
+    return new TableController();
+  }
   initEvents() {
-    this.tableController.on("onChangeSelection", (ev) => {
-    });
-    this.tableController.on("onFilterBlur", (ev) => {
-    });
-    this.tableController.on("onFilterChange", (ev) => {
-      const filter = this.tableController.state.filters.get(ev.id);
-      if (filter?.filterState.runAutomatically) {
-        this.refresh(false);
-      }
-    });
-    this.tableController.on("onFilterPressEnter", () => this.refresh(true));
-    this.tableController.on("onRowClick", (ev) => {
-    });
-    this.tableController.on("onSelectRows", (ev) => {
-    });
-    this.tableController.on("onSortChange", (ev) => {
-      this.sort(ev.column.name);
+    const handlers = this.getEventsHandlers();
+    Object.entries(handlers).forEach(([eventName, handler]) => {
+      this.tableController.on(eventName, handler.bind(this));
     });
-    this.tableController.on("onPage", this.page.bind(this));
-    this.tableController.on("onRefresh", () => this.refresh(true));
   }
   getLoadStructureParameters() {
     return {
@@ -3579,7 +3659,14 @@ class QueryController {
     };
   }
   getFiltersValuesMap() {
-    return [...this.tableController.state.filters.values()].reduce((r, c) => ({ ...r, [c.filterState.id]: c.filterState.value }), {});
+    return [...this.tableController.state.filters.values()].reduce((result, filterWrapper) => {
+      const { id, value, filterToId, valueTo } = filterWrapper.filterState;
+      result[id] = value;
+      if (filterToId !== void 0 && valueTo !== void 0) {
+        result[filterToId] = valueTo;
+      }
+      return result;
+    }, {});
   }
   getPageParameters() {
     return {
@@ -3629,6 +3716,8 @@ class QueryController {
           id: `filter${String(i + 1)}`,
           // Id generado en APIA
           value: f.currentValue,
+          filterToId: f?.filterToId,
+          valueTo: f?.filterToValue,
           avoidLabel: false,
           column: f.column,
           isAdditional: f.asAdditional,
@@ -3680,7 +3769,7 @@ class QueryController {
     ]);
   }
   async getStructure() {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl(this.getLoadStructureParameters())
     );
     if (!result?.data) {
@@ -3693,9 +3782,14 @@ class QueryController {
       arrayOrArray(structure.columns).map((c) => [c.name, c])
     );
     const filters = new Map(
-      arrayOrArray(structure.filters).map((f) => [f.id, new Filter(f)])
+      arrayOrArray(structure.filters).map((f) => {
+        return [f.id, new Filter(f)];
+      })
     );
-    this.tableController.updateState({ columns, filters });
+    this.tableController.updateState({
+      columns,
+      filters
+    });
   }
   updatePageState(pageInfo) {
     const currentPage = Number(pageInfo?.currentPage ?? 0);
@@ -3709,7 +3803,7 @@ class QueryController {
     this.tableController.state.rows = rows;
   }
   async clearFilters() {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({ ...this.getClearFiltersParameters() })
     );
     if (!result?.data)
@@ -3726,12 +3820,15 @@ class QueryController {
     if (!this.hasInited) {
       this.structure = await this.getStructure();
       this.parseStructure(this.structure);
+      this.tableController.updateState({
+        props: this.getTableControllerDefaultProps()
+      });
       this.hasInited = true;
       this.initializing = false;
     }
   }
   async page(num) {
-    const page = await ApiaApi$1.post(
+    const page = await ApiaApi.post(
       makeApiaUrl({ ...this.getPageParameters(), pageNumber: num })
     );
     this.parseRefreshResponse(page?.data);
@@ -3743,7 +3840,7 @@ class QueryController {
   }
   async actualRefreshMethod() {
     if (!this.areRequiredFilters()) {
-      const refresh = await ApiaApi$1.post(
+      const refresh = await ApiaApi.post(
         makeApiaUrl(this.getRefreshParameters()),
         {
           postData: this.getFiltersValuesMap(),
@@ -3758,7 +3855,7 @@ class QueryController {
     return now ? this.actualRefreshMethod() : this.executeRefresh();
   }
   async sort(column) {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({ ...this.getSortParameters(), orderBy: column })
     );
     if (result?.data) {
@@ -3827,7 +3924,7 @@ 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, typeof key !== "symbol" ? key + "" : key, value);
+  __defNormalProp$3(obj, key + "" , value);
   return value;
 };
 class AdditionalFiltersModal {
@@ -3929,7 +4026,7 @@ class QueryModalController {
       ] }),
       title: structure?.title,
       onConfirm: () => {
-        this.emitter.emit("onSelectRows", this.currentSelection || []);
+        this.onConfirm();
       },
       onCancel: () => {
         this.additionalFiltersController.closeModal();
@@ -3986,6 +4083,15 @@ class QueryModalController {
       ...this.getModalDefinition(),
       ...properties
     });
+    return this.onConfirmResolve();
+  }
+  getModalHandler() {
+    return this.modalHandler;
+  }
+  onConfirm() {
+    this.emitter.emit("onSelectRows", this.currentSelection || []);
+  }
+  onConfirmResolve() {
     return new Promise((resolve) => {
       let uns1 = () => {
       }, uns2 = () => {
@@ -4002,15 +4108,12 @@ class QueryModalController {
       });
     });
   }
-  getModalHandler() {
-    return this.modalHandler;
-  }
 }
 
 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);
+  __defNormalProp$1(obj, key + "" , value);
   return value;
 };
 class GenericListQuery extends QueryController {
@@ -4044,7 +4147,7 @@ class GenericListQuery extends QueryController {
     return {};
   }
   async filter() {
-    const filterResult = await ApiaApi$1.post(
+    const filterResult = await ApiaApi.post(
       makeApiaUrl(this.getFilterParameters()),
       {
         postData: {
@@ -4120,7 +4223,7 @@ class GenericListQuery extends QueryController {
     await this.filter();
   }
   async sort(column) {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({ ...this.getSortParameters(), orderBy: column })
     );
     if (result?.data) {
@@ -4134,17 +4237,15 @@ class GenericListQuery extends QueryController {
 const ApiaUsersModal2 = new QueryModalController(
   new GenericListQuery("apia.modals.UsersAction.run")
 );
-var ApiaUsersModal2$1 = ApiaUsersModal2;
 
 const ApiaPoolsModals2 = new QueryModalController(
   new GenericListQuery("apia.modals.PoolsAction.run")
 );
-var ApiaPoolsModals2$1 = ApiaPoolsModals2;
 
 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);
+  __defNormalProp(obj, key + "" , value);
   return value;
 };
 class MonDocQuery extends QueryController {
@@ -4153,17 +4254,26 @@ class MonDocQuery extends QueryController {
     this.ajaxUrl = ajaxUrl;
     __publicField(this, "dynamicParams", {});
   }
-  initEvents() {
-    this.tableController = new TableController({
-      props: { isMultiple: true }
-    });
-    super.initEvents();
-    this.tableController.on("onFilterChange", (ev) => {
-      const filter = this.tableController.state.filters.get(ev.id);
-      if (filter?.filterState.runAutomatically) {
-        this.filter();
-      }
-    });
+  getTableControllerDefaultProps() {
+    return {
+      ...super.getTableControllerDefaultProps(),
+      isMultiple: false,
+      reserveColumnsForStates: 2,
+      statesColumns: [
+        {
+          Icon: () => /* @__PURE__ */ jsx(Icon, { icon: "Locked", title: "" }),
+          tooltip: getLabel("titDocLock").text
+        },
+        {
+          Icon: () => /* @__PURE__ */ jsx(Icon, { icon: "Readonly", title: "", size: 22 }),
+          tooltip: getLabel("lblReadOnly").text
+        }
+      ]
+    };
+  }
+  processFilterChangeEvent(ev) {
+    this.tableController.state.filters.get(ev.id);
+    this.filter();
   }
   getLoadStructureParameters() {
     return {
@@ -4194,8 +4304,16 @@ class MonDocQuery extends QueryController {
       isAjax: true
     };
   }
+  getEventsHandlers() {
+    return {
+      ...super.getEventsHandlers(),
+      onFilterChange: () => {
+        this.filter();
+      }
+    };
+  }
   async filter() {
-    const filterResult = await ApiaApi$1.post(
+    const filterResult = await ApiaApi.post(
       makeApiaUrl(this.getFilterParameters()),
       {
         postData: {
@@ -4207,8 +4325,6 @@ class MonDocQuery extends QueryController {
     );
     if (!filterResult?.data)
       return;
-    const structure = this.parseLoadStructureResponse(filterResult.data);
-    this.parseStructure(structure);
     setTimeout(() => {
       this.parseRefreshResponse(filterResult.data);
     }, 200);
@@ -4222,7 +4338,6 @@ class MonDocQuery extends QueryController {
         (r) => ({
           rowProps: r,
           cells: [
-            {},
             ...arrayOrArray(r.cell).map((c) => {
               if (typeof c === "string") {
                 return { children: c };
@@ -4249,21 +4364,25 @@ class MonDocQuery extends QueryController {
     const retrievedFilters = arrayOrArray(typedResponse.filters);
     const returnObject = {
       columns: retrievedColumns.map((c) => {
+        if (c.name === "docFile")
+          return null;
         const column = {
           label: c.label,
           name: c.name,
           allowSorting: c.allowSorting,
           dataSortBy: c.dataSortBy,
-          minWidth: c.minWidth ?? "100px",
+          minWidth: "25%",
           sort: c.sort,
           toolTip: c.toolTip,
-          width: c.width
+          width: "25%"
         };
         return column;
-      }),
-      filters: arrayOrArray(retrievedFilters).map((f, i) => {
+      }).filter((c) => c !== null),
+      filters: arrayOrArray(retrievedFilters).map((f) => {
         const filter = {
-          id: `filter${String(i + 1)}`,
+          id: f.id,
+          filterToId: f?.filterToId,
+          valueTo: f?.filterToValue,
           value: f.currentValue,
           avoidLabel: false,
           column: f.column,
@@ -4289,18 +4408,17 @@ class MonDocQuery extends QueryController {
       hideFilterTypes: false,
       isDynamic: false,
       openFiltersAutomatically: false,
-      runFiltersAutomatically: false,
+      runFiltersAutomatically: true,
       title: ""
     };
     return returnObject;
   }
   async sort(column) {
-    const result = await ApiaApi$1.post(
+    const result = await ApiaApi.post(
       makeApiaUrl({ ...this.getSortParameters(), orderBy: column })
     );
     if (result?.data) {
-      const structure = this.parseLoadStructureResponse(result.data);
-      this.parseStructure(structure);
+      this.parseRefreshResponse(result.data);
     }
     return super.refresh();
   }
@@ -4318,5 +4436,5 @@ class ApiaMonDocModal extends QueryModalController {
 }
 const ApiaMonDocModal2 = new ApiaMonDocModal();
 
-export { ApiaApi$1 as ApiaApi, ApiaApiHandler, ApiaMonDocModal2, ApiaPoolsModals2$1 as ApiaPoolsModals2, ApiaUsersModal2$1 as ApiaUsersModal2, QueryController, QueryModalController, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaUrl, parseSuccessfulResponse };
+export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, ApiaPoolsModals2, ApiaUsersModal2, QueryController, QueryModalController, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaUrl, parseSuccessfulResponse };
 //# sourceMappingURL=index.js.map