@apia/api 4.0.43 → 4.0.44

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;
 }
 

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")
         };
       })
     ]);
@@ -4750,7 +4771,7 @@ class MonDocQuery extends QueryController {
     };
   }
   addFreeMetadataFilter(filter) {
-    const id = uniqueId$1();
+    const id = uniqueId();
     const actualFilter = filter || {
       id,
       group: "lblFreeMetadata",
@@ -4804,7 +4825,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",