@apia/components 4.0.20 → 4.0.24

package/dist/index.js

@@ -7,7 +7,7 @@ import { uniqueId as uniqueId$3, debounce, cloneDeep, isFunction } from 'lodash-
 import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, Progress, Label, Paragraph, Container, Form, focusOutline, makeStyledComponent, useThemeUI, Grid, Textarea } from '@apia/theme';
 import { BarLoader } from 'react-spinners';
 import uniqueId$2 from 'lodash-es/uniqueId';
-import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, EventEmitter, useMount, getLabel, getSpecificParent, customEvents, isChild, useUnmount, StatefulEmitter, shallowEqual as shallowEqual$1, getDateFormat, AudioRecorder, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, arrayOrArray } from '@apia/util';
+import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, EventEmitter, useMount, getLabel, getSpecificParent, customEvents, isChild, useUnmount, StatefulEmitter, shallowEqual as shallowEqual$1, getDateFormat, uniqueId as uniqueId$4, AudioRecorder, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, arrayOrArray } from '@apia/util';
 import usePortal from 'react-cool-portal';
 import { CSSTransition } from 'react-transition-group';
 import { uniqueId as uniqueId$1, defaultNotifier, NotificationsList } from '@apia/notifications';
@@ -40,10 +40,10 @@ const useAccordionContext = () => {
   return context;
 };
 
-var __defProp$r = Object.defineProperty;
-var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$r = (obj, key, value) => {
-  __defNormalProp$r(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$s = Object.defineProperty;
+var __defNormalProp$s = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$s = (obj, key, value) => {
+  __defNormalProp$s(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 function makeItemStateSelectorHook(handler) {
@@ -75,10 +75,10 @@ class AccordionHandler {
   constructor(id, props) {
     this.id = id;
     this.props = props;
-    __publicField$r(this, "itemsState", {});
-    __publicField$r(this, "itemsStateListeners", {});
-    __publicField$r(this, "propsListeners", []);
-    __publicField$r(this, "hooks", {
+    __publicField$s(this, "itemsState", {});
+    __publicField$s(this, "itemsStateListeners", {});
+    __publicField$s(this, "propsListeners", []);
+    __publicField$s(this, "hooks", {
       useAccordionContextProvider: () => {
         const Provider = useMemo(
           () => ({ children }) => /* @__PURE__ */ jsx(AccordionContext.Provider, { value: this, children }),
@@ -1017,10 +1017,10 @@ const WindowModal = forwardRef(
   }
 );
 
-var __defProp$q = Object.defineProperty;
-var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$q = (obj, key, value) => {
-  __defNormalProp$q(obj, key + "" , value);
+var __defProp$r = Object.defineProperty;
+var __defNormalProp$r = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$r = (obj, key, value) => {
+  __defNormalProp$r(obj, key + "" , value);
   return value;
 };
 var __accessCheck$c = (obj, member, msg) => {
@@ -1085,7 +1085,7 @@ _onDestroyCb = new WeakMap();
 const BodyScrollLock = new (_a = class {
   constructor() {
     __privateAdd$c(this, _evaluate);
-    __publicField$q(this, "lockers", []);
+    __publicField$r(this, "lockers", []);
   }
   getLocker() {
     const locker = new BodyScrollLocker();
@@ -1411,10 +1411,10 @@ const OpenModal = (props) => {
   );
 };
 
-var __defProp$p = Object.defineProperty;
-var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$p = (obj, key, value) => {
-  __defNormalProp$p(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$q = Object.defineProperty;
+var __defNormalProp$q = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$q = (obj, key, value) => {
+  __defNormalProp$q(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$b = (obj, member, msg) => {
@@ -1451,7 +1451,7 @@ class ApiaUtilModalHandler {
 }
 class ApiaUtilModals {
   constructor() {
-    __publicField$p(this, "overlays", []);
+    __publicField$q(this, "overlays", []);
     __privateAdd$b(this, _emitter$4, new EventEmitter());
     __privateAdd$b(this, _maxId$1, 0);
     __privateAdd$b(this, _maxOverlay, 0);
@@ -1496,7 +1496,7 @@ class ApiaUtilModals {
       });
       return modals;
     });
-    __publicField$p(this, "Component", observer(() => {
+    __publicField$q(this, "Component", observer(() => {
       const modals = __privateGet$8(this, _useModalsList).call(this);
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         modals.map((current) => /* @__PURE__ */ jsx(OpenModal, { ...current }, current.id)),
@@ -1565,29 +1565,29 @@ _maxId$1 = new WeakMap();
 _maxOverlay = new WeakMap();
 _useModalsList = new WeakMap();
 
-var __defProp$o = Object.defineProperty;
-var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$o = (obj, key, value) => {
-  __defNormalProp$o(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$p = Object.defineProperty;
+var __defNormalProp$p = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$p = (obj, key, value) => {
+  __defNormalProp$p(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ApiaUtilNotifications {
   constructor() {
-    __publicField$o(this, "close", (id) => {
+    __publicField$p(this, "close", (id) => {
       defaultNotifier.close(id);
     });
-    __publicField$o(this, "closeAll", () => {
+    __publicField$p(this, "closeAll", () => {
       defaultNotifier.closeAll();
     });
-    __publicField$o(this, "notify", (notification) => {
+    __publicField$p(this, "notify", (notification) => {
       defaultNotifier.notify({
         ...notification,
         type: notification.type ?? "warning"
       });
     });
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    __publicField$o(this, "useSelector", (selector) => defaultNotifier.useSelector(selector));
-    __publicField$o(this, "Component", () => {
+    __publicField$p(this, "useSelector", (selector) => defaultNotifier.useSelector(selector));
+    __publicField$p(this, "Component", () => {
       return /* @__PURE__ */ jsx(NotificationsList, {});
     });
   }
@@ -1967,10 +1967,10 @@ const TabsList = observer(
   }
 );
 
-var __defProp$n = Object.defineProperty;
-var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$n = (obj, key, value) => {
-  __defNormalProp$n(obj, key + "" , value);
+var __defProp$o = Object.defineProperty;
+var __defNormalProp$o = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$o = (obj, key, value) => {
+  __defNormalProp$o(obj, key + "" , value);
   return value;
 };
 var __accessCheck$a = (obj, member, msg) => {
@@ -2017,7 +2017,7 @@ class TabsController {
     this.id = id;
     this.props = props;
     __privateAdd$a(this, _innerAppend);
-    __publicField$n(this, "state", {
+    __publicField$o(this, "state", {
       isMultiple: false,
       openTabsHistory: /* @__PURE__ */ new Set(),
       tabs: /* @__PURE__ */ new Map(),
@@ -2732,10 +2732,10 @@ const AlertModal = ({ children, onClose, title }) => {
   );
 };
 
-var __defProp$m = Object.defineProperty;
-var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$m = (obj, key, value) => {
-  __defNormalProp$m(obj, key + "" , value);
+var __defProp$n = Object.defineProperty;
+var __defNormalProp$n = (obj, key, value) => key in obj ? __defProp$n(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$n = (obj, key, value) => {
+  __defNormalProp$n(obj, key + "" , value);
   return value;
 };
 var __accessCheck$9 = (obj, member, msg) => {
@@ -2770,7 +2770,7 @@ class ApiaUtilDialogs {
     __privateAdd$9(this, _emitter$3, new EventEmitter());
     __privateAdd$9(this, _maxIdAlert, 0);
     __privateAdd$9(this, _maxIdConfirm, 0);
-    __publicField$m(this, "Component", () => {
+    __publicField$n(this, "Component", () => {
       const [confirmDialogs, setConfirmDialogs] = useState([]);
       const [alertsDialogs, setAlertsDialogs] = useState(
         []
@@ -3052,10 +3052,10 @@ parseCellValue_fn = function(cellValue) {
   return cellValue.match(/^\s*"?([^"]+)"?[\s\r\n]*$/)?.[1] ?? cellValue;
 };
 
-var __defProp$l = Object.defineProperty;
-var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$l = (obj, key, value) => {
-  __defNormalProp$l(obj, key + "" , value);
+var __defProp$m = Object.defineProperty;
+var __defNormalProp$m = (obj, key, value) => key in obj ? __defProp$m(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$m = (obj, key, value) => {
+  __defNormalProp$m(obj, key + "" , value);
   return value;
 };
 let maxId$1 = 0;
@@ -3063,14 +3063,14 @@ class ApiaUtilTooltip {
   constructor(props, close) {
     this.props = props;
     this.close = close;
-    __publicField$l(this, "id", `tooltip__${maxId$1++}`);
+    __publicField$m(this, "id", `tooltip__${maxId$1++}`);
   }
 }
 
-var __defProp$k = Object.defineProperty;
-var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$k = (obj, key, value) => {
-  __defNormalProp$k(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$l = Object.defineProperty;
+var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$l = (obj, key, value) => {
+  __defNormalProp$l(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$7 = (obj, member, msg) => {
@@ -3103,7 +3103,7 @@ class AutomaticTooltip {
     __privateAdd$7(this, _timeout, 500);
     __privateAdd$7(this, _tooltipTimeout, 0);
     __privateAdd$7(this, _unsuscribe, null);
-    __publicField$k(this, "ref", (el) => {
+    __publicField$l(this, "ref", (el) => {
       var _a, _b;
       (_a = __privateGet$6(this, _unsuscribe)) == null ? void 0 : _a.call(this);
       const listener = () => {
@@ -3135,7 +3135,7 @@ class AutomaticTooltip {
       }
     });
     __privateAdd$7(this, _tooltip, null);
-    __publicField$k(this, "update", (tooltip) => {
+    __publicField$l(this, "update", (tooltip) => {
       __privateSet$4(this, _tooltip, tooltip);
     });
     __privateSet$4(this, _tooltip, tooltip);
@@ -3486,10 +3486,10 @@ const Tooltip = ({
   );
 };
 
-var __defProp$j = Object.defineProperty;
-var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$j = (obj, key, value) => {
-  __defNormalProp$j(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$k = Object.defineProperty;
+var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$k = (obj, key, value) => {
+  __defNormalProp$k(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$6 = (obj, member, msg) => {
@@ -3509,7 +3509,7 @@ var _emitter$2, _shoutChangedList;
 class ApiaUtilTooltips {
   constructor() {
     __privateAdd$6(this, _emitter$2, new EventEmitter());
-    __publicField$j(this, "tooltips", []);
+    __publicField$k(this, "tooltips", []);
     __privateAdd$6(this, _shoutChangedList, () => {
       __privateGet$5(this, _emitter$2).emit("changedList", [...this.tooltips]);
     });
@@ -3517,7 +3517,7 @@ class ApiaUtilTooltips {
      * Permite crear un tooltip que se abrirá automáticamente al estar parado
      * sobre un elemento durante 300ms
      */
-    __publicField$j(this, "useHover", (tooltip) => {
+    __publicField$k(this, "useHover", (tooltip) => {
       let tt = void 0;
       tt = useMemo(() => {
         tt?.ref(null);
@@ -3528,15 +3528,15 @@ class ApiaUtilTooltips {
       });
       return tt;
     });
-    __publicField$j(this, "close", (id) => {
+    __publicField$k(this, "close", (id) => {
       this.tooltips = this.tooltips.filter((current) => current.id !== id);
       __privateGet$5(this, _shoutChangedList).call(this);
     });
-    __publicField$j(this, "closeAll", () => {
+    __publicField$k(this, "closeAll", () => {
       this.tooltips = [];
       __privateGet$5(this, _shoutChangedList).call(this);
     });
-    __publicField$j(this, "open", (tooltip) => {
+    __publicField$k(this, "open", (tooltip) => {
       const controller = new ApiaUtilTooltip(tooltip, () => {
         this.close(controller.id);
         controller.props.onClose?.();
@@ -3549,7 +3549,7 @@ class ApiaUtilTooltips {
       __privateGet$5(this, _shoutChangedList).call(this);
       return controller;
     });
-    __publicField$j(this, "Component", () => {
+    __publicField$k(this, "Component", () => {
       const [tooltips, setTooltips] = useState(this.tooltips);
       useMount(() => {
         const unsuscribeToList = __privateGet$5(this, _emitter$2).on("changedList", (ev) => {
@@ -3591,10 +3591,10 @@ class ApiaUtilTooltips {
 _emitter$2 = new WeakMap();
 _shoutChangedList = new WeakMap();
 
-var __defProp$i = Object.defineProperty;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$i = (obj, key, value) => {
-  __defNormalProp$i(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$j = Object.defineProperty;
+var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$j = (obj, key, value) => {
+  __defNormalProp$j(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$5 = (obj, member, msg) => {
@@ -3631,7 +3631,7 @@ class ApiaUtilMenu {
   constructor() {
     __privateAdd$5(this, _emitter$1, new EventEmitter());
     __privateAdd$5(this, _items$1, []);
-    __publicField$i(this, "menuProps", null);
+    __publicField$j(this, "menuProps", null);
     __privateAdd$5(this, _hooks, {
       useIsOpen: () => {
         const [isOpen, setIsOpen] = useState(false);
@@ -3646,10 +3646,10 @@ class ApiaUtilMenu {
         ];
       }
     });
-    __publicField$i(this, "close", () => {
+    __publicField$j(this, "close", () => {
       __privateGet$4(this, _emitter$1).emit("toggle", false);
     });
-    __publicField$i(this, "open", ({
+    __publicField$j(this, "open", ({
       menuProps,
       items
     }) => {
@@ -3690,7 +3690,7 @@ class ApiaUtilMenu {
         return /* @__PURE__ */ createElement(MenuItem, { ...current, key: current.key }, children);
       }) });
     });
-    __publicField$i(this, "Component", () => {
+    __publicField$j(this, "Component", () => {
       const [isOpen, close] = __privateGet$4(this, _hooks).useIsOpen();
       if (!isOpen)
         return null;
@@ -3715,17 +3715,17 @@ _hooks = new WeakMap();
 _maxId = new WeakMap();
 _RenderMenu = new WeakMap();
 
-var __defProp$h = Object.defineProperty;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$h = (obj, key, value) => {
-  __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$i = Object.defineProperty;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$i = (obj, key, value) => {
+  __defNormalProp$i(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ApiaUtilMouse extends EventEmitter {
   constructor() {
     super();
-    __publicField$h(this, "x", 0);
-    __publicField$h(this, "y", 0);
+    __publicField$i(this, "x", 0);
+    __publicField$i(this, "y", 0);
     document.addEventListener("mousemove", (ev) => {
       this.x = ev.clientX;
       this.y = ev.clientY;
@@ -3737,10 +3737,10 @@ class ApiaUtilMouse extends EventEmitter {
   }
 }
 
-var __defProp$g = Object.defineProperty;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$g = (obj, key, value) => {
-  __defNormalProp$g(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$h = Object.defineProperty;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$h = (obj, key, value) => {
+  __defNormalProp$h(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$4 = (obj, member, msg) => {
@@ -3764,15 +3764,15 @@ var __privateSet$2 = (obj, member, value, setter) => {
 var _instance;
 const _ApiaUtil = class _ApiaUtil {
   constructor() {
-    __publicField$g(this, "dialogs");
-    __publicField$g(this, "menu");
-    __publicField$g(this, "modals");
-    __publicField$g(this, "mouse");
-    __publicField$g(this, "notifications");
-    __publicField$g(this, "parsers");
-    __publicField$g(this, "tabs");
-    __publicField$g(this, "tooltips");
-    __publicField$g(this, "Component", () => {
+    __publicField$h(this, "dialogs");
+    __publicField$h(this, "menu");
+    __publicField$h(this, "modals");
+    __publicField$h(this, "mouse");
+    __publicField$h(this, "notifications");
+    __publicField$h(this, "parsers");
+    __publicField$h(this, "tabs");
+    __publicField$h(this, "tooltips");
+    __publicField$h(this, "Component", () => {
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(this.dialogs.Component, {}),
         /* @__PURE__ */ jsx(this.modals.Component, {}),
@@ -3801,22 +3801,22 @@ _instance = new WeakMap();
 __privateAdd$4(_ApiaUtil, _instance, void 0);
 let ApiaUtil = _ApiaUtil;
 
-var __defProp$f = Object.defineProperty;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$f = (obj, key, value) => {
-  __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$g = Object.defineProperty;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$g = (obj, key, value) => {
+  __defNormalProp$g(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 class ScreenLocker {
   constructor() {
-    __publicField$f(this, "emitter", new StatefulEmitter({
+    __publicField$g(this, "emitter", new StatefulEmitter({
       locks: {
         common: { count: 0 },
         linear: { count: 0 },
         white: { count: 1 }
       }
     }));
-    __publicField$f(this, "lock", (options) => {
+    __publicField$g(this, "lock", (options) => {
       this.emitter.setState("locks", (s) => {
         const key = options?.type ?? "common";
         return {
@@ -3832,11 +3832,11 @@ class ScreenLocker {
         };
       });
     });
-    __publicField$f(this, "hasReleased", false);
+    __publicField$g(this, "hasReleased", false);
     /**
      * This method will work once, then, the action will be ignored. The ScreenLocker starts always locked on white, when this method is called, all listeners of onRelease will be called and the lock will be released.
      */
-    __publicField$f(this, "release", () => {
+    __publicField$g(this, "release", () => {
       if (this.hasReleased)
         return;
       this.hasReleased = true;
@@ -3852,11 +3852,11 @@ class ScreenLocker {
     /**
      * This method notifies when the screenLock is released by the first time.
      */
-    __publicField$f(this, "onRelease", this.emitter.on.bind(this.emitter, "release"));
+    __publicField$g(this, "onRelease", this.emitter.on.bind(this.emitter, "release"));
     /**
      * This component is the responsible for putting the lock courtain in the browser when it's required. It must be used once per application.
      */
-    __publicField$f(this, "Component", () => {
+    __publicField$g(this, "Component", () => {
       const locks = this.emitter.useState("locks");
       const style = {
         alignItems: "center",
@@ -3929,10 +3929,10 @@ const OptionsBox = observer(() => {
   }) });
 });
 
-var __defProp$e = Object.defineProperty;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$e = (obj, key, value) => {
-  __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$f = Object.defineProperty;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$f = (obj, key, value) => {
+  __defNormalProp$f(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 var __accessCheck$3 = (obj, member, msg) => {
@@ -3956,7 +3956,7 @@ var __privateSet$1 = (obj, member, value, setter) => {
 var _actualSearch, _makeSearch, _search;
 class AutocompleteController {
   constructor(properties) {
-    __publicField$e(this, "state", {
+    __publicField$f(this, "state", {
       disabled: false,
       readOnly: false,
       id: uniqueId$3("autocomplete"),
@@ -3983,7 +3983,7 @@ class AutocompleteController {
       return debounce(__privateGet$2(this, _actualSearch), this.state.searchDebounce);
     });
     __privateAdd$3(this, _search, __privateGet$2(this, _makeSearch).call(this));
-    __publicField$e(this, "tooltipRef", null);
+    __publicField$f(this, "tooltipRef", null);
     Object.assign(this.state, properties);
     if (properties.value) {
       this.state.showValue = String(
@@ -5984,10 +5984,10 @@ const LabelBox = ({
   );
 };
 
-var __defProp$d = Object.defineProperty;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$d = (obj, key, value) => {
-  __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __defProp$e = Object.defineProperty;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$e = (obj, key, value) => {
+  __defNormalProp$e(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
 let maxId = 0;
@@ -5997,8 +5997,8 @@ class ChatMessage {
     this.messageType = messageType;
     this.attachments = attachments;
     this.reference = reference;
-    __publicField$d(this, "id");
-    __publicField$d(this, "clone", () => new ChatMessage(
+    __publicField$e(this, "id");
+    __publicField$e(this, "clone", () => new ChatMessage(
       this.message,
       this.messageType,
       this.attachments.map((x) => {
@@ -6225,6 +6225,86 @@ const Dropzone = ({
   );
 };
 
+var __defProp$d = Object.defineProperty;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$d = (obj, key, value) => {
+  __defNormalProp$d(obj, key + "" , value);
+  return value;
+};
+class UploadHandler {
+  constructor(props) {
+    this.props = props;
+    __publicField$d(this, "state", { inProgressFiles: [], uploadedFiles: [] });
+    makeAutoObservable(this);
+    this.state.uploadedFiles = this.props.initialFiles;
+  }
+  delete(file) {
+    this.props.onDelete(file).then((res) => {
+      if (res === true) {
+        this.state.uploadedFiles = this.state.uploadedFiles.filter(
+          (c) => c !== file
+        );
+      } else if (typeof res === "string") {
+        ApiaUtil.instance.notifications.notify({
+          message: res
+        });
+      }
+    });
+  }
+  start(files) {
+    files.forEach((file) => {
+      const newUpload = {
+        abortController: new AbortController(),
+        id: uniqueId$4("file_upload"),
+        file,
+        progress: 0
+      };
+      this.state.inProgressFiles.push(newUpload);
+      this.props.onUpload(newUpload).then((res) => {
+        this.state.inProgressFiles = this.state.inProgressFiles.filter(
+          (c) => c.id !== newUpload.id
+        );
+        if (typeof res === "string") {
+          ApiaUtil.instance.notifications.notify({
+            message: res,
+            icon: ""
+          });
+        } else if (res) {
+          this.state.uploadedFiles.push(res);
+        }
+      });
+    });
+  }
+}
+const Uploader = observer(({ handler }) => {
+  return /* @__PURE__ */ jsxs(Box, { className: "file_uploader", children: [
+    /* @__PURE__ */ jsx(Box, { className: "file_uploader__dropzone", children: (handler.props.isMultiple || handler.state.uploadedFiles.length === 0 && handler.state.inProgressFiles.length === 0) && /* @__PURE__ */ jsx(
+      Dropzone,
+      {
+        onChange: (ev) => {
+          handler.start(ev);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { className: "file_uploader__in_progress", children: handler.state.inProgressFiles.map((c) => /* @__PURE__ */ jsx(
+      Dropzone,
+      {
+        progress: c.progress,
+        messageError: c.error
+      },
+      c.file.name
+    )) }),
+    /* @__PURE__ */ jsx(Box, { className: "file_uploader__files_list", children: handler.state.uploadedFiles.map((c) => /* @__PURE__ */ jsx(
+      FileCard,
+      {
+        name: c.name,
+        handleClose: () => handler.delete(c)
+      },
+      c.id
+    )) })
+  ] });
+});
+
 const FileAttachment = observer(
   ({
     attachment,
@@ -11053,5 +11133,5 @@ const _FiltersStore = class _FiltersStore {
 __publicField(_FiltersStore, "instance", new _FiltersStore());
 let FiltersStore = _FiltersStore;
 
-export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, AutoscrollContainer, BaseButton, CalendarModal, Captcha, ChatController, ChatMessage, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingChatController, IconButton, IconInput, IconsList, LabelBox, LinearLoader, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, Modal, NumberInput, Overlay, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getBase64FromBlob, getBase64FromFile, getFieldErrorStyles, getFieldTouchedStyles, getFileExtension, importComponent, isImage, isParametersGroup, makeResponsiveComponent, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.js.map