@apia/api 0.2.2 → 0.3.0

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) [year] [fullname]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/README.md

@@ -1,26 +1,26 @@
-# Initiator
-
-Este package se creó con la única utilidad de copiarlo entero y pegarlo a la hora de crear un nuevo package.
-
-Este iniciador permite crear un paquete que compila typescript y puede ser importado desde otros packages.
-
-## IMPORTANTE
-
-Los archivos **tsconfig.json** y **tsup.config.ts** no son archivos únicos sino symlinks a archivos de configuración comunes a todos los packages. En caso de que sea necesario modificar alguno de ellos **que en la gran mayoría de los casos no sería necesario**, es necesario eliminar el archivo a modificar y crear uno nuevo.
-
-## Procedimiento
-
- - Copiar la carpeta initiator y pegarla con otro nombre dentro de packages.
- - Modificar el package.json:
-   - Eliminar la línea ```private: true```.
-   - Cambiar la ocurrencia `initiator` por el nombre del nuevo paquete. 
-   - Agregar los scripts convenientes: dev, build, etc.
- - Ejecutar el comando lerna bootstrap desde la carpeta raíz.
-
-Luego de ejecutar estos pasos, el package estaría listo para comenzar a usarse.
-
-Este package trae como dependencias por defecto theme-ui y react. Si se desea agregar más dependencias se debe ejecutar el comando ```lerna add --scope="@apia/packageName" dependencyName```. Ejemplo, si creamos un paquete con el nombre @apia/myPackage y queremos agregar lodash como dependencia, ejecutamos el comando ```lerna add --scope="@apia/myPackage" lodash```. 
-
-**Importante 1**: Dado que estamos desarrollando packages, es importante determinar si las dependencias que vamos a agregar son de tipo dependency o de tipo peerDependency.
-
-**Importante 2**: lerna no permite instalar de a varias dependencias a la vez como lo hace npm, por lo tanto, si se desea agregar varias dependencias se debe ejecutar el comando anterior tantas veces como dependencias se quiera agregar.
+# Initiator
+
+Este package se creó con la única utilidad de copiarlo entero y pegarlo a la hora de crear un nuevo package.
+
+Este iniciador permite crear un paquete que compila typescript y puede ser importado desde otros packages.
+
+## IMPORTANTE
+
+Los archivos **tsconfig.json** y **tsup.config.ts** no son archivos únicos sino symlinks a archivos de configuración comunes a todos los packages. En caso de que sea necesario modificar alguno de ellos **que en la gran mayoría de los casos no sería necesario**, es necesario eliminar el archivo a modificar y crear uno nuevo.
+
+## Procedimiento
+
+ - Copiar la carpeta initiator y pegarla con otro nombre dentro de packages.
+ - Modificar el package.json:
+   - Eliminar la línea ```private: true```.
+   - Cambiar la ocurrencia `initiator` por el nombre del nuevo paquete. 
+   - Agregar los scripts convenientes: dev, build, etc.
+ - Ejecutar el comando lerna bootstrap desde la carpeta raíz.
+
+Luego de ejecutar estos pasos, el package estaría listo para comenzar a usarse.
+
+Este package trae como dependencias por defecto theme-ui y react. Si se desea agregar más dependencias se debe ejecutar el comando ```lerna add --scope="@apia/packageName" dependencyName```. Ejemplo, si creamos un paquete con el nombre @apia/myPackage y queremos agregar lodash como dependencia, ejecutamos el comando ```lerna add --scope="@apia/myPackage" lodash```. 
+
+**Importante 1**: Dado que estamos desarrollando packages, es importante determinar si las dependencias que vamos a agregar son de tipo dependency o de tipo peerDependency.
+
+**Importante 2**: lerna no permite instalar de a varias dependencias a la vez como lo hace npm, por lo tanto, si se desea agregar varias dependencias se debe ejecutar el comando anterior tantas veces como dependencias se quiera agregar.

package/cleanDist.json

@@ -0,0 +1,3 @@
+{
+  "cleanDist": 0.46826967418454335
+}

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import React__default from 'react';
 import { AxiosResponse, AxiosRequestConfig } from 'axios';
-import { TModify, TApiaLoad } from '@apia/util';
+import { TModify, TApiaLoad, TApiaFormElement } from '@apia/util';
 import { TNotificationMessage, notify } from '@apia/notifications';
 import { TModal } from '@apia/components';
 import QueryString from 'qs';
@@ -207,6 +208,17 @@ type TApiaApiMethodHandler = {
     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;
+    }>;
+};
+type TStoredApiaApiMethod = (props?: TMethod['props']) => unknown;
+/**
+ * Este método permite cargar en forma asíncrona un método que se encuentre
+ * dentro del directorio /api/methods
+ */
+declare function getFunction(name: string, handler: TApiaApiMethodHandler): Promise<TStoredApiaApiMethod | undefined>;
 interface IModalConfig {
     modalTitle?: string;
     onClose?: () => void;
@@ -225,4 +237,19 @@ interface IApiaApiHandlerState {
 }
 declare const ApiaApiHandler: React.MemoExoticComponent<() => React.JSX.Element>;
 
-export { ApiaApi, ApiaApiHandler, IApiaApiRequestConfig, TApiaApiAxiosResponse, TApiaApiMethod, TApiaApiResult, makeApiaUrl };
+declare global {
+    interface Window {
+        SALT: string;
+        IV: string;
+        PASSPHRASE: string;
+        KEY_SIZE: string;
+        ITERATION_COUNT: string;
+    }
+}
+/**
+ * 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>>;
+
+export { ApiaApi, ApiaApiHandler, IApiaApiRequestConfig, TApiaApiAxiosResponse, TApiaApiMethod, TApiaApiResult, getFunction, getModal, makeApiaUrl };

package/dist/index.js

@@ -4,7 +4,7 @@ import React__default, { createContext } from 'react';
 import { Box, getVariant } from '@apia/theme';
 import { debugDispatcher, EventEmitter, parseXmlAsync, arrayOrArray, useMount, encrypt, WithEventsValue, focus, focusSelector, useStateRef, useUnmount } from '@apia/util';
 import { notify, getNotificationMessageObj, dispatchNotifications } from '@apia/notifications';
-import { classToValidate, Checkbox, FileInput, classToValidationFunction, Input, Radio, Select, useFormContext, validationsStore, hasSucceedFormValidation, Form } from '@apia/validations';
+import { classToValidate, Checkbox, FileInput, classToValidationFunction, Input, Radio, Select, Textarea, useFormContext, validationsStore, hasSucceedFormValidation, Form } from '@apia/validations';
 import { SimpleButton, useModal, Modal, ProgressBar } from '@apia/components';
 import axios from 'axios';
 import { merge, uniqueId } from 'lodash';
@@ -20,21 +20,21 @@ const ApiaApiContext = ({
 };
 var ApiaApiContext$1 = React.memo(ApiaApiContext);
 
-var __defProp$8 = Object.defineProperty;
+var __defProp$9 = Object.defineProperty;
 var __defProps$4 = Object.defineProperties;
 var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
@@ -42,11 +42,11 @@ var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -165,7 +165,7 @@ function handleActions(actions) {
       );
     const actionsArray = arrayOrArray(actions.action);
     actionsArray.forEach((action) => {
-      ApiaActions.emit("action", __spreadProps$4(__spreadValues$8({}, action), {
+      ApiaActions.emit("action", __spreadProps$4(__spreadValues$9({}, action), {
         param: arrayOrArray(action.param)
       }));
     });
@@ -192,7 +192,7 @@ function handleOnClose({
           });
           if (notificationsObject)
             notificationsObject.forEach((notification) => {
-              notify(__spreadProps$4(__spreadValues$8({}, notification), {
+              notify(__spreadProps$4(__spreadValues$9({}, notification), {
                 onClose: func.default
               }));
             });
@@ -254,7 +254,7 @@ const parseSuccessfulResponse = (_0, _1, ..._2) => __async$2(void 0, [_0, _1, ..
     return null;
   }
   if (behaveConfig.validateResponse) {
-    const validateResult = yield behaveConfig.validateResponse(__spreadProps$4(__spreadValues$8({}, response), {
+    const validateResult = yield behaveConfig.validateResponse(__spreadProps$4(__spreadValues$9({}, response), {
       data: (_a = parsedObj == null ? void 0 : parsedObj.load) != null ? _a : parsedObj
     }));
     if (typeof validateResult === "string")
@@ -331,7 +331,7 @@ const parseSuccessfulResponse = (_0, _1, ..._2) => __async$2(void 0, [_0, _1, ..
         );
         if (!handle(load, currentUrl, {
           methodsPath: outerBehaveConfig.methodsPath,
-          modalConfiguration: __spreadProps$4(__spreadValues$8({}, behaveConfig.modalConfiguration), {
+          modalConfiguration: __spreadProps$4(__spreadValues$9({}, behaveConfig.modalConfiguration), {
             onClose: () => {
               var _a2, _b2;
               if (onClose)
@@ -355,9 +355,9 @@ const parseSuccessfulResponse = (_0, _1, ..._2) => __async$2(void 0, [_0, _1, ..
           );
         }
       }
-      return __spreadProps$4(__spreadValues$8({}, load), { sysMessages, exceptions, sysExceptions });
+      return __spreadProps$4(__spreadValues$9({}, load), { sysMessages, exceptions, sysExceptions });
     }
-    return __spreadProps$4(__spreadValues$8({}, rest), { sysMessages, exceptions, sysExceptions });
+    return __spreadProps$4(__spreadValues$9({}, rest), { sysMessages, exceptions, sysExceptions });
   }
   return null;
 });
@@ -387,7 +387,7 @@ function handleResponse(_0, _1) {
               data: parsedResponse
             }
           );
-        return __spreadProps$4(__spreadValues$8({}, result), {
+        return __spreadProps$4(__spreadValues$9({}, result), {
           data: parsedResponse,
           hasError: !!(parsedResponse == null ? void 0 : parsedResponse.exceptions) || !!(parsedResponse == null ? void 0 : parsedResponse.sysExceptions),
           hasMessages: !!(parsedResponse == null ? void 0 : parsedResponse.sysMessages)
@@ -404,7 +404,7 @@ function post(par1, par2) {
   return __async$2(this, null, function* () {
     const actualUrl = typeof par1 !== "string" ? makeApiaUrl() : par1;
     const configParameter = typeof par1 === "string" ? par2 != null ? par2 : defaultConfig : par1;
-    const behaveConfig = __spreadProps$4(__spreadValues$8({}, getConfig(configParameter)), {
+    const behaveConfig = __spreadProps$4(__spreadValues$9({}, getConfig(configParameter)), {
       postData: configParameter.postDataTreatement === "stringify" ? QueryString.stringify(
         configParameter.postData,
         configParameter.stringifyOptions
@@ -495,7 +495,7 @@ function makeApiaUrl(props) {
       "avoidTabId",
       "tabId"
     ]);
-    actualQueryData = __spreadValues$8({}, rest);
+    actualQueryData = __spreadValues$9({}, rest);
   }
   const queryString = QueryString.stringify(
     actualQueryData,
@@ -532,19 +532,19 @@ function makeApiaUrl(props) {
   return `${contextWord ? "/" : ""}${contextWord}/${actualAjaxUrl}?${timestamp}${!(props == null ? void 0 : props.preventAsXmlParameter) ? "asXml=true&" : ""}${(props == null ? void 0 : props.queryString) ? `${props.queryString}&` : ""}${queryString ? `${queryString}&` : ""}${tabId}`;
 }
 
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
@@ -555,7 +555,7 @@ const ApiaApiCheckbox = (props) => {
     [element.class]
   );
   const validationRules = React__default.useMemo(
-    () => __spreadValues$7({
+    () => __spreadValues$8({
       required: element.mandatory
     }, classToValidate(element.class)),
     [element.class, element.mandatory]
@@ -580,19 +580,19 @@ const ApiaApiCheckbox = (props) => {
   );
 };
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
@@ -603,7 +603,7 @@ const ApiaApiFileInput = (props) => {
     [element.class]
   );
   const validationRules = React__default.useMemo(
-    () => __spreadValues$6({
+    () => __spreadValues$7({
       required: element.mandatory
     }, classToValidate(element.class)),
     [element.class, element.mandatory]
@@ -623,51 +623,51 @@ const ApiaApiFileInput = (props) => {
 };
 ApiaApiFileInput.displayName = "ApiaApiFileInput";
 
-var __defProp$5 = Object.defineProperty;
+var __defProp$6 = Object.defineProperty;
 var __defProps$3 = Object.defineProperties;
 var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-const ApiaApiInput = (props) => {
-  const element = React__default.useMemo(() => props.element, [props.element]);
-  const getModal = React__default.useCallback((path) => {
-    return React__default.lazy(() => {
-      return new Promise((resolve) => {
-        import(
-          /* webpackChunkName: "handlerModal" */
-          /* webpackInclude: /\.tsx?$/ */
-          `/api/modals/${path}`
-        ).then((result) => {
-          resolve(
-            result
-          );
-        }).catch((error) => {
-          resolve({
-            default: () => {
-              console.error(error);
-              throw new Error(
-                `The above error ocurred at component ApiaApiHandler/${path}, does it exist?`
-              );
-            }
-          });
+const getModal = (path) => {
+  return React__default.lazy(() => {
+    return new Promise((resolve) => {
+      import(
+        /* webpackChunkName: "handlerModal" */
+        /* webpackInclude: /\.tsx?$/ */
+        `/api/modals/${path}`
+      ).then((result) => {
+        resolve(
+          result
+        );
+      }).catch((error) => {
+        resolve({
+          default: () => {
+            console.error(error);
+            throw new Error(
+              `The above error ocurred at component ApiaApiHandler/${path}, does it exist?`
+            );
+          }
         });
       });
     });
-  }, []);
+  });
+};
+const ApiaApiInput = (props) => {
+  const element = React__default.useMemo(() => props.element, [props.element]);
   const [Submodal, setSubmodal] = React__default.useState(null);
   useMount(() => {
     if (element.modalFunction) {
@@ -683,7 +683,7 @@ const ApiaApiInput = (props) => {
     [element.class, element.type]
   );
   const validationRules = React__default.useMemo(
-    () => __spreadValues$5({
+    () => __spreadValues$6({
       required: element.mandatory,
       maxLength: element.maxlength ? Number(element.maxlength) : void 0,
       pattern: element.regExp,
@@ -719,7 +719,7 @@ const ApiaApiInput = (props) => {
   );
   if (element.modalFunction) {
     if (Submodal) {
-      return /* @__PURE__ */ jsx(React__default.Suspense, { children: /* @__PURE__ */ jsx(Submodal, __spreadProps$3(__spreadValues$5({}, props), { element })) });
+      return /* @__PURE__ */ jsx(React__default.Suspense, { children: /* @__PURE__ */ jsx(Submodal, __spreadProps$3(__spreadValues$6({}, props), { element })) });
     }
     return null;
   }
@@ -744,19 +744,19 @@ const ApiaApiInput = (props) => {
 };
 ApiaApiInput.displayName = "ApiaApiInput";
 
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
-var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
-var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$4 = (a, b) => {
+var __defProp$5 = Object.defineProperty;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$4.call(b, prop))
-      __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b)) {
-      if (__propIsEnum$4.call(b, prop))
-        __defNormalProp$4(a, prop, b[prop]);
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
     }
   return a;
 };
@@ -777,7 +777,7 @@ const ApiaApiRadio = (props) => {
     [(_a = element.options) == null ? void 0 : _a.option]
   );
   const validationRules = React__default.useMemo(
-    () => __spreadValues$4({
+    () => __spreadValues$5({
       required: element.mandatory
     }, classToValidate(element.class)),
     [element.class, element.mandatory]
@@ -799,19 +799,19 @@ const ApiaApiRadio = (props) => {
 };
 ApiaApiRadio.displayName = "ApiaApiRadio";
 
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
-var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
-var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$3 = (a, b) => {
+var __defProp$4 = Object.defineProperty;
+var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
+var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
+var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$4 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$3.call(b, prop))
-      __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b)) {
-      if (__propIsEnum$3.call(b, prop))
-        __defNormalProp$3(a, prop, b[prop]);
+    if (__hasOwnProp$4.call(b, prop))
+      __defNormalProp$4(a, prop, b[prop]);
+  if (__getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(b)) {
+      if (__propIsEnum$4.call(b, prop))
+        __defNormalProp$4(a, prop, b[prop]);
     }
   return a;
 };
@@ -830,7 +830,7 @@ const ApiaApiSelect = (props) => {
     })
   );
   const validationRules = React__default.useMemo(
-    () => __spreadValues$3({
+    () => __spreadValues$4({
       required: element.mandatory
     }, classToValidate(element.class)),
     [element.class, element.mandatory]
@@ -874,6 +874,65 @@ const ApiaApiSelect = (props) => {
 };
 ApiaApiSelect.displayName = "ApiaApiSelect";
 
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$3.call(b, prop))
+      __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3)
+    for (var prop of __getOwnPropSymbols$3(b)) {
+      if (__propIsEnum$3.call(b, prop))
+        __defNormalProp$3(a, prop, b[prop]);
+    }
+  return a;
+};
+const ApiaApiTextArea = (props) => {
+  const element = React__default.useMemo(() => props.element, [props.element]);
+  const className = React__default.useMemo(
+    () => element.class ? `handler__textarea ${element.class}` : "handler__textarea",
+    [element.class]
+  );
+  const validationRules = React__default.useMemo(
+    () => __spreadValues$3({
+      required: element.mandatory,
+      maxLength: element.maxlength ? Number(element.maxlength) : void 0,
+      pattern: element.regExp,
+      patternMessage: element.regExpMessage
+    }, classToValidate(element.class)),
+    [
+      element.class,
+      element.mandatory,
+      element.maxlength,
+      element.regExp,
+      element.regExpMessage
+    ]
+  );
+  const validationFunction = React__default.useMemo(
+    () => classToValidationFunction(element.class),
+    [element.class]
+  );
+  return /* @__PURE__ */ jsx(
+    Textarea,
+    {
+      className,
+      name: element.id || element.name,
+      label: element.text,
+      title: element.title || element.text,
+      value: element.value,
+      readOnly: element.readonly,
+      disabled: element.disabled,
+      validationFunction,
+      validationRules,
+      onChange: element.onChange
+    }
+  );
+};
+ApiaApiTextArea.displayName = "ApiaApiTextArea";
+
 var __defProp$2 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -1047,6 +1106,14 @@ const NonMemoizedApiaApiFieldsContainer = (props) => {
                   }),
                   element.sectionElementId
                 );
+              case "textarea":
+                return /* @__PURE__ */ jsx(
+                  ApiaApiTextArea,
+                  __spreadProps$2(__spreadValues$2({}, props), {
+                    element
+                  }),
+                  element.sectionElementId
+                );
               case "empty":
                 return /* @__PURE__ */ jsx(Box, { className: "spacer" }, element.sectionElementId);
               default:
@@ -1232,7 +1299,11 @@ const NonMemoizedApiaApiButtonsContainer = (props) => {
                 modalConfiguration,
                 methodsPath
               }).finally(() => {
+                var _a3;
                 runButtonMethod();
+                if ((_a3 = props == null ? void 0 : props.definition) == null ? void 0 : _a3.form.closeOnSubmit) {
+                  props.close();
+                }
               });
             } else {
               runButtonMethod();
@@ -1697,4 +1768,4 @@ const ApiaApiHandlerNonMemoized = () => {
 };
 const ApiaApiHandler = React.memo(ApiaApiHandlerNonMemoized);
 
-export { ApiaApi, ApiaApiHandler, makeApiaUrl };
+export { ApiaApi, ApiaApiHandler, getFunction, getModal, makeApiaUrl };