@apia/api 4.0.45 → 5.0.0

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
-import react__default from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import { AxiosResponse, AxiosRequestConfig } from 'axios';
 import * as _apia_util from '@apia/util';
-import { TModify, TApiaLoad, TApiaFormElement, TApiaFilterOption, TApiaFilter, Mutex, TApiaFunction, TApiaFunctionPageInfo, EventEmitter, UnSubscriber } from '@apia/util';
-import { TNotificationMessage, notify } from '@apia/notifications';
+import { TModify, TApiaLoadForm, TApiaFormElement, TApiaFilterOption, TApiaFilter, Mutex, T__LEGACY_SERVER__ApiaFunction, T__LEGACY_SERVER__ApiaFunctionPageInfo, EventEmitter, UnSubscriber } from '@apia/util';
+import { notify } from '@apia/notifications';
 import { TModal, TOpenModal, ApiaUtilModalHandler } from '@apia/components';
 import QueryString from 'qs';
 import { TResponsiveTableColumn, TResponsiveTableContextProps, TResponsiveTableRowsSelectionEvent, TResponsiveTableSortChangeEvent, TResponsiveTableRow } from '@apia/table';
@@ -15,13 +15,13 @@ declare function isXmlResponse(response: AxiosResponse<unknown>): RegExpMatchArr
 declare function isHtmlResponse(response: AxiosResponse<unknown>): RegExpMatchArray | null;
 declare const parseSuccessfulResponse: <LoadType extends Record<string, unknown>>(response: AxiosResponse<string>, currentUrl: string, outerBehaveConfig?: IApiaApiRequestConfig<LoadType>) => Promise<(LoadType & {
     sysMessages: {
-        message: _apia_util.TApiaMessage | _apia_util.TApiaMessage[];
+        message: TApiaMessage | TApiaMessage[];
     } | undefined;
     exceptions: {
-        exception: _apia_util.TApiaMessage | _apia_util.TApiaMessage[];
+        exception: TApiaMessage | TApiaMessage[];
     } | undefined;
     sysExceptions: {
-        exception: _apia_util.TApiaMessage | _apia_util.TApiaMessage[];
+        exception: TApiaMessage | TApiaMessage[];
     } | undefined;
 }) | null>;
 type TApiaApiAxiosResponse<LoadType> = AxiosResponse<LoadType | null> & {
@@ -205,6 +205,36 @@ interface IApiaApiRequestConfig<DataType> extends IApiaApiConsoleConfig {
     stringifyOptions?: QueryString.IStringifyOptions;
     validateResponse?: (response: AxiosResponse<DataType | null>) => Promise<boolean | string> | boolean | string;
 }
+interface TApiaMessage {
+    text: string;
+    label?: string;
+}
+type TApiaLoad<T extends Record<string, unknown> = TApiaLoadForm> = {
+    canClose: boolean;
+    type: string;
+} & T;
+interface TMessage {
+    text: string;
+    content?: string;
+    title?: string;
+    type?: string;
+}
+interface TNotificationMessage {
+    onClose?: string;
+    sysMessages?: {
+        message: TMessage | TMessage[];
+    };
+    sysExceptions?: {
+        exception: TMessage | TMessage[];
+    };
+    exceptions?: {
+        exception: TMessage | TMessage[];
+    };
+}
+
+type TApiaApiSectionElement = TApiaFormElement & {
+    sectionElementId: string;
+};
 
 type TMethod = {
     name: string;
@@ -218,6 +248,7 @@ type TMethod = {
 };
 type TApiaApiMethodHandler = {
     alert: typeof notify;
+    assignForm: (newForm: TApiaLoad) => unknown;
     close: () => void;
     configuration?: THandleConfiguration;
     formDefinition: TApiaLoad;
@@ -225,14 +256,14 @@ type TApiaApiMethodHandler = {
     reset: () => void;
     setError: typeof notify;
     setMessage: (message: Record<string, unknown>) => unknown;
-    setState: react.Dispatch<react.SetStateAction<IApiaApiHandlerState>>;
+    setState: React$1.Dispatch<React$1.SetStateAction<IApiaApiHandlerState>>;
     state: IApiaApiHandlerState;
     setValue: (name: string, value: string) => void;
 };
 type TApiaApiMethod = (handler: TApiaApiMethodHandler, props: TMethod['props']) => Promise<void> | void;
 type TApiaApiField = TApiaApiMethodHandler & {
     element: TModify<TApiaFormElement, {
-        onChange: react.ChangeEventHandler;
+        onChange: React$1.ChangeEventHandler;
     }>;
 };
 type TStoredApiaApiMethod = (props?: TMethod['props']) => unknown;
@@ -247,6 +278,8 @@ interface IModalConfig {
     onMessage?: (message: Record<string, unknown>) => unknown;
     onMessageClose?: () => unknown;
     onSubmitted?: (handler: TApiaApiMethodHandler, response: AxiosResponse<Record<string, unknown> | null> | null) => unknown;
+    fieldsRenderer?: (element: TApiaApiSectionElement) => React$1.FC<Pick<TApiaApiMethodHandler, 'assignForm'>> | null;
+    onFieldChange?: (element: TApiaApiSectionElement, handler: TApiaApiMethodHandler) => unknown;
 }
 type THandleConfiguration = Partial<Pick<IApiaApiRequestConfig<unknown>, 'modalConfiguration' | 'methodsPath' | 'setModalProps'>>;
 interface IApiaApiHandlerState {
@@ -257,7 +290,7 @@ interface IApiaApiHandlerState {
     errors: Record<string, string>;
     windowIndex: number;
 }
-declare const ApiaApiHandler: react.MemoExoticComponent<() => react.JSX.Element>;
+declare const ApiaApiHandler: React$1.MemoExoticComponent<() => React$1.JSX.Element>;
 
 declare global {
     interface Window {
@@ -272,7 +305,7 @@ declare global {
  * Permite cargar en forma asíncrona un modal que se encuentre dentro del
  * directorio /api/modals
  * */
-declare const getModal: (path: string) => react__default.LazyExoticComponent<react__default.ComponentType<TApiaApiField>>;
+declare const getModal: (path: string) => React__default.LazyExoticComponent<React__default.ComponentType<TApiaApiField>>;
 
 type TFilter = {
     avoidLabel?: boolean;
@@ -329,12 +362,12 @@ declare class Filter {
     filterState: TFilter;
     focus(): void;
     constructor(properties: TFilter);
-    getInputRenderer(): react.JSX.Element;
-    getSelectRenderer(): react.JSX.Element;
-    getRangeRenderer(): react.JSX.Element;
-    getDateRenderer(): react.JSX.Element;
-    getDoubleRenderer(): react.JSX.Element;
-    Component: (() => react.JSX.Element) & {
+    getInputRenderer(): React$1.JSX.Element;
+    getSelectRenderer(): React$1.JSX.Element;
+    getRangeRenderer(): React$1.JSX.Element;
+    getDateRenderer(): React$1.JSX.Element;
+    getDoubleRenderer(): React$1.JSX.Element;
+    Component: (() => React$1.JSX.Element) & {
         displayName: string;
     };
 }
@@ -375,15 +408,15 @@ declare class TableController {
     private parseFilters;
     Context: (({ children }: {
         children: React.ReactNode;
-    }) => react.JSX.Element) & {
+    }) => React$1.JSX.Element) & {
         displayName: string;
     };
     private TableContext;
     getTableName(): string;
-    Pagination: (() => react.JSX.Element) & {
+    Pagination: (() => React$1.JSX.Element) & {
         displayName: string;
     };
-    Table: react.MemoExoticComponent<react.ForwardRefExoticComponent<theme_ui.BoxProps & react.RefAttributes<HTMLDivElement>>>;
+    Table: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<theme_ui.BoxProps & React$1.RefAttributes<HTMLDivElement>>>;
     on<K extends keyof TableControllerEvents>(ev: K, cb: (e: TableControllerEvents[K]) => unknown): _apia_util.UnSubscriber;
     updateFilters(newFilters: Filter[]): void;
     updateState(newState: Partial<TableControllerState> | ((currentState: TableControllerState) => void)): void;
@@ -462,12 +495,12 @@ declare class QueryController {
         columns: TResponsiveTableColumn[];
         filters: TFilter[];
     };
-    protected parseRefreshResponse(response?: TApiaFunction | null): void;
+    protected parseRefreshResponse(response?: T__LEGACY_SERVER__ApiaFunction | null): void;
     protected parseStructure(structure: ReturnType<QueryController['parseLoadStructureResponse']>): void;
     refresh(now?: boolean): Promise<void>;
     setFilterOptions(): Promise<void>;
     sort(column: string, orderType: 'Asc' | 'Des'): Promise<void>;
-    protected updatePageState(pageInfo?: TApiaFunctionPageInfo): void;
+    protected updatePageState(pageInfo?: T__LEGACY_SERVER__ApiaFunctionPageInfo): void;
     protected updateRows(rows: TResponsiveTableRow[]): void;
 }
 
@@ -513,6 +546,12 @@ type TPoolsParameters = {
 };
 declare const makeApiaPoolsModals2: (config?: TPoolsParameters) => QueryModalController;
 
+type TFormsParameters$1 = {};
+declare const makeApiaFormsModal2: (config?: TFormsParameters$1) => QueryModalController;
+
+type TFormsParameters = {};
+declare const makeApiaLangsModal2: (config?: TFormsParameters) => QueryModalController;
+
 type TOpenMonDocModal = {
     docTypeId: string[];
     docTypeSel: string;
@@ -533,5 +572,5 @@ declare class ApiaMonDocModal2 extends QueryModalController {
     }): Promise<T>;
 }
 
-export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, GenericListQuery, type IApiaApiRequestConfig, QueryController, type QueryControllerStructure, QueryModalController, type TApiaApiAxiosResponse, type TApiaApiMethod, type TApiaApiResult, type TFilter, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaPoolsModals2, makeApiaUrl, makeApiaUsersModal2, parseSuccessfulResponse };
+export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, GenericListQuery, type IApiaApiRequestConfig, QueryController, type QueryControllerStructure, QueryModalController, type TApiaApiAxiosResponse, type TApiaApiMethod, type TApiaApiResult, type TFilter, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaFormsModal2, makeApiaLangsModal2, makeApiaPoolsModals2, makeApiaUrl, makeApiaUsersModal2, parseSuccessfulResponse };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
 import * as React from 'react';
 import React__default, { createContext, useState, useCallback, useEffect, useId, useRef, useMemo } from 'react';
 import { Box, Label, spacing, getVariant, Input as Input$1, Select as Select$1, Spinner } from '@apia/theme';
-import { debugDispatcher, parseXmlAsync, arrayOrArray, EventEmitter, useMount, encrypt, noNaN, getIndex, getLabel, StatefulEmitter, focus, focusSelector, useLatest, useIntermediateValue, formatMessage, getDateFormat, Mutex, uniqueId as uniqueId$1 } from '@apia/util';
+import { debugDispatcher, parseXmlAsync, arrayOrArray, EventEmitter, useMount, encrypt, noNaN, getIndex, uniqueId, getLabel, StatefulEmitter, focus, focusSelector, useLatest, useIntermediateValue, formatMessage, getDateFormat, Mutex } 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';
 import { Accordion, AccordionItem, useModal, LabelBox, SimpleButton, ApiaUtil, Modal, ProgressBar, DateInput, AutocompleteController, Autocomplete, IconButton } from '@apia/components';
@@ -10,7 +10,7 @@ import axios, { AxiosError } from 'axios';
 import merge from 'lodash-es/merge';
 import QueryString from 'qs';
 import { session } from '@apia/session';
-import uniqueId from 'lodash-es/uniqueId';
+import uniqueId$1 from 'lodash-es/uniqueId';
 import { ResponsiveTableContext, ResponsiveTable, Pagination, Sort, Responsive, Additional, responsiveTableStore, useResponsiveTableContext, getResponsiveTableContext, TableLoadingContext, defaultLabels, makeController2, responsiveTableActions, TableContextReproducer, Grouped, makeAsyncRenderer } from '@apia/table';
 import { makeObservable, observable, reaction, toJS, action, computed } from 'mobx';
 import { observer } from 'mobx-react-lite';
@@ -1064,6 +1064,7 @@ const ApiaEnvironmentsModal = (props) => {
         /* @__PURE__ */ jsx(Box, { className: "pagination__wrapper", children: /* @__PURE__ */ jsx(
           Pagination,
           {
+            listId: uniqueId("apiaenvsmodal"),
             currentPage: state.currentPage,
             onPageChange: handlePageChange,
             onRefresh: handleRefresh,
@@ -1411,6 +1412,7 @@ const ApiaTasksModal = (props) => {
         /* @__PURE__ */ jsx(Box, { className: "pagination__wrapper", children: /* @__PURE__ */ jsx(
           Pagination,
           {
+            listId: uniqueId("apiatasksmodal"),
             currentPage: state.currentPage,
             onPageChange: handlePageChange,
             onRefresh: handleRefresh,
@@ -1722,6 +1724,7 @@ const ApiaProcessesModal = (props) => {
         /* @__PURE__ */ jsx(Box, { className: "pagination__wrapper", children: /* @__PURE__ */ jsx(
           Pagination,
           {
+            listId: uniqueId("apiaprocessesmodal"),
             currentPage: state.currentPage,
             onPageChange: handlePageChange,
             onRefresh: handleRefresh,
@@ -2034,6 +2037,7 @@ const ApiaPoolsModal = (props) => {
         /* @__PURE__ */ jsx(Box, { className: "pagination__wrapper", children: /* @__PURE__ */ jsx(
           Pagination,
           {
+            listId: uniqueId("apiapoolsmodal"),
             currentPage: state.currentPage,
             onPageChange: handlePageChange,
             onRefresh: handleRefresh,
@@ -2340,6 +2344,7 @@ const ApiaUsersModal = (props) => {
           Pagination,
           {
             currentPage: state.currentPage,
+            listId: uniqueId("apiausersmodal"),
             onPageChange: handlePageChange,
             onRefresh: handleRefresh,
             pageCount: state.pageCount,
@@ -2544,7 +2549,7 @@ const parseApiaApiSections = (elements) => {
       sectionElements: removeEndingSpacers(elements.slice(start, end)).map(
         (currentElement) => ({
           ...currentElement,
-          sectionElementId: `sectionElement_${currentElement.id || currentElement.name || uniqueId()}`
+          sectionElementId: `sectionElement_${currentElement.id || currentElement.name || uniqueId$1()}`
         })
       )
     });
@@ -2568,9 +2573,19 @@ const NonMemoizedApiaApiFieldsContainer = (props) => {
         {
           className: isVisible ? "handler__form__elements__section__content" : `handler__form__elements__section__content handler__hidden`,
           children: sectionElements.map((current) => {
+            const Renderer = props.configuration?.modalConfiguration?.fieldsRenderer?.(
+              current
+            );
+            if (Renderer) {
+              return /* @__PURE__ */ jsx(Renderer, { assignForm: props.assignForm });
+            }
             const element = {
               ...current,
-              onChange() {
+              onChange(ev) {
+                props.configuration?.modalConfiguration?.onFieldChange?.(
+                  { ...current, value: ev.target.value },
+                  props
+                );
                 getFunction(current.onChange, props).then((onChangeMethod) => {
                   if (onChangeMethod) {
                     onChangeMethod();
@@ -2641,6 +2656,8 @@ const NonMemoizedApiaApiFieldsContainer = (props) => {
               case "hidden":
               case "password":
               case "text":
+              case "date":
+              case "number":
                 return /* @__PURE__ */ jsx(
                   ApiaApiInput,
                   {
@@ -2755,7 +2772,7 @@ ApiaApiFieldsContainer.displayName = "ApiaApiFieldsContainer";
 const parseButtons = (buttons) => {
   return buttons.map((currentButton) => ({
     ...currentButton,
-    buttonKey: uniqueId(),
+    buttonKey: uniqueId$1(),
     type: ["submitAjax", "submit"].includes(currentButton.type) ? "submit" : "button"
   }));
 };
@@ -3120,7 +3137,11 @@ const ApiaApiHandlerNonMemoized = () => {
       },
       setState,
       state,
-      setValue
+      setValue,
+      assignForm: currentFormDispatcher.emit.bind(
+        currentFormDispatcher,
+        "form"
+      )
     };
     return newHandler;
   }, [close, configuration, currentForm, setError, state, setValue]);
@@ -4129,7 +4150,7 @@ class QueryController {
             }))
           ].filter(Boolean),
           className: r.classToAdd,
-          id: r.id ?? uniqueId$1("row")
+          id: r.id ?? uniqueId("row")
         };
       })
     ]);
@@ -4492,12 +4513,16 @@ class QueryModalController {
       title: structure?.title,
       onConfirm: () => {
         this.onConfirm();
+        this.additionalFiltersController.closeModal();
       },
       onCancel: () => {
         this.additionalFiltersController.closeModal();
         this.queryController.tableController.state.finishedFirstLoad = false;
         this.emitter.emit("cancel", null);
       },
+      onClose: () => {
+        this.additionalFiltersController.closeModal();
+      },
       confirmProps: {
         confirmButtonText: getLabel("btnCon").text,
         cancelButtonText: getLabel("btnCan").text
@@ -4700,6 +4725,108 @@ class PoolsQuery extends GenericListQuery {
 }
 const makeApiaPoolsModals2 = (config) => new QueryModalController(new PoolsQuery(config));
 
+class FormsQuery extends GenericListQuery {
+  constructor(config) {
+    super("apia.modals.FormsAction.run");
+    this.config = config;
+  }
+  getRefreshParameters() {
+    return {
+      ...super.getRefreshParameters(),
+      selectOnlyOne: false
+    };
+  }
+  getFiltersValuesMap() {
+    return {
+      ...super.getFiltersValuesMap()
+    };
+  }
+  parseRefreshResponse(response) {
+    if (!response)
+      return;
+    const structure = this.parseLoadStructureResponse(response);
+    this.parseStructure(structure);
+    setTimeout(() => {
+      super.parseRefreshResponse(response);
+    }, 0);
+  }
+  parseLoadStructureResponse(response) {
+    const structure = { ...super.parseLoadStructureResponse(response) };
+    structure.hideFilterTypes = true;
+    structure.title = getLabel("btnAddPool").text;
+    return {
+      ...structure,
+      columns: [
+        {
+          label: getLabel("lblName").text,
+          name: "name"
+        }
+      ],
+      filters: [
+        {
+          id: "txtName",
+          value: this.tableController.state.filters.get("txtName")?.filterState.value,
+          column: "name",
+          runAutomatically: true,
+          title: getLabel("lblName").text
+        }
+      ]
+    };
+  }
+}
+const makeApiaFormsModal2 = (config) => new QueryModalController(new FormsQuery(config));
+
+class LangsModal extends GenericListQuery {
+  constructor(config) {
+    super("apia.modals.LanguageAction.run");
+    this.config = config;
+  }
+  getRefreshParameters() {
+    return {
+      ...super.getRefreshParameters(),
+      selectOnlyOne: false
+    };
+  }
+  getFiltersValuesMap() {
+    return {
+      ...super.getFiltersValuesMap()
+    };
+  }
+  parseRefreshResponse(response) {
+    if (!response)
+      return;
+    const structure = this.parseLoadStructureResponse(response);
+    this.parseStructure(structure);
+    setTimeout(() => {
+      super.parseRefreshResponse(response);
+    }, 0);
+  }
+  parseLoadStructureResponse(response) {
+    const structure = { ...super.parseLoadStructureResponse(response) };
+    structure.hideFilterTypes = true;
+    structure.title = getLabel("btnAddPool").text;
+    return {
+      ...structure,
+      columns: [
+        {
+          label: getLabel("lblName").text,
+          name: "name"
+        }
+      ],
+      filters: [
+        {
+          id: "txtName",
+          value: this.tableController.state.filters.get("txtName")?.filterState.value,
+          column: "name",
+          runAutomatically: true,
+          title: getLabel("lblName").text
+        }
+      ]
+    };
+  }
+}
+const makeApiaLangsModal2 = (config) => new QueryModalController(new LangsModal(config));
+
 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) => {
@@ -4750,7 +4877,7 @@ class MonDocQuery extends QueryController {
     };
   }
   addFreeMetadataFilter(filter) {
-    const id = uniqueId$1();
+    const id = uniqueId();
     const actualFilter = filter || {
       id,
       group: "lblFreeMetadata",
@@ -4804,7 +4931,7 @@ class MonDocQuery extends QueryController {
       });
       this.tableController.updateFilters(metadataFilters);
       if (metadataFilters.length > 0) {
-        const id = uniqueId$1();
+        const id = uniqueId();
         const metadataFilter = {
           id,
           group: "lblFreeMetadata",
@@ -5078,5 +5205,5 @@ class ApiaMonDocModal2 extends QueryModalController {
   }
 }
 
-export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, GenericListQuery, QueryController, QueryModalController, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaPoolsModals2, makeApiaUrl, makeApiaUsersModal2, parseSuccessfulResponse };
+export { ApiaApi, ApiaApiHandler, ApiaMonDocModal2, GenericListQuery, QueryController, QueryModalController, getFunction, getModal, isHtmlResponse, isXmlResponse, makeApiaFormsModal2, makeApiaLangsModal2, makeApiaPoolsModals2, makeApiaUrl, makeApiaUsersModal2, parseSuccessfulResponse };
 //# sourceMappingURL=index.js.map