@apia/util 0.1.0 → 0.2.2

package/dist/index.js

@@ -1,18 +1,77 @@
-import { isFunction, clone, cloneDeep } from 'lodash';
+import { isFunction, uniqueId as uniqueId$1, clone, cloneDeep } from 'lodash';
 import CryptoJS from 'crypto-js';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 import axios from 'axios';
 import FileSaver from 'file-saver';
 import * as React from 'react';
-import React__default, { useRef, useState, useEffect, useMemo, useCallback, createContext, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-import { Box } from 'theme-ui';
+import React__default, { useRef, useMemo, useState, useEffect, useCallback, createContext, useContext } from 'react';
 import { isFunction as isFunction$1, uniqueId } from 'lodash-es';
-import { persistentStorage as persistentStorage$1, debugDispatcher as debugDispatcher$1 } from '@apia/util';
+import { jsx } from 'react/jsx-runtime';
 import xml2js from 'xml2js';
 import { parseBooleans, parseNumbers } from 'xml2js/lib/processors';
 
+function addBoundary(definition, min, max, loop) {
+  const actualNumber = typeof definition === "number" ? definition : definition.number;
+  const actualMin = typeof definition === "number" ? min : definition.min;
+  const actualMax = typeof definition === "number" ? max : definition.max;
+  const isActualLoop = typeof definition === "number" ? loop : definition.loop;
+  let newNumber = Number(actualNumber != null ? actualNumber : 0);
+  if (actualMin !== void 0 && newNumber < actualMin) {
+    if (actualMax !== void 0 && isActualLoop) {
+      newNumber = actualMax;
+    } else {
+      newNumber = actualMin;
+    }
+  }
+  if (actualMax !== void 0 && newNumber > actualMax) {
+    if (actualMin !== void 0 && isActualLoop) {
+      newNumber = actualMin;
+    } else {
+      newNumber = actualMax;
+    }
+  }
+  return newNumber;
+}
+const sizeUnits = ["b", "kb", "mb", "gb", "tb"];
+function parseAsSize(num) {
+  let index = 0;
+  let finalSize = num;
+  if (finalSize === Infinity)
+    return "1000GB";
+  while (finalSize > 1024) {
+    finalSize /= 1024;
+    index++;
+  }
+  return `${Math.round(finalSize * 10) / 10}${sizeUnits[index]}`;
+}
+function noNaN(number, defaultReturn = 0) {
+  const returnNumber = Number(number);
+  if (number === null || Number.isNaN(returnNumber))
+    return defaultReturn;
+  return returnNumber;
+}
+
+function animate(duration, callback, onFinish) {
+  let initialTime = void 0;
+  let suscription;
+  function innerAnimate(current) {
+    if (initialTime === void 0)
+      initialTime = current;
+    const ellapsed = current - initialTime;
+    const progress = ellapsed / duration;
+    callback(addBoundary(progress, 0, 1));
+    if (progress < 1)
+      suscription = window.requestAnimationFrame(innerAnimate);
+    else
+      onFinish == null ? void 0 : onFinish();
+  }
+  suscription = window.requestAnimationFrame(innerAnimate);
+  return () => {
+    window.cancelAnimationFrame(suscription);
+  };
+}
+
 function arrayOrArray(o) {
   if (o === void 0)
     return [];
@@ -521,129 +580,6 @@ function usePanAndZoom(effectiveMargin = { left: 0, bottom: 0, right: 0, top: 0
   };
 }
 
-var __accessCheck$5 = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet$5 = (obj, member, getter) => {
-  __accessCheck$5(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd$5 = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var _emitter;
-function eventEmitter() {
-  const listeners = {};
-  return {
-    on(key, fn) {
-      var _a;
-      if (!Array.isArray(listeners[key]))
-        listeners[key] = [];
-      (_a = listeners[key]) == null ? void 0 : _a.push(fn);
-      return () => {
-        this.off(key, fn);
-      };
-    },
-    off(key, fn) {
-      var _a;
-      listeners[key] = ((_a = listeners[key]) != null ? _a : []).filter((cb) => {
-        return cb !== fn;
-      });
-    },
-    emit(key, data) {
-      var _a;
-      ((_a = listeners[key]) != null ? _a : []).forEach((fn) => {
-        return fn(data);
-      });
-    }
-  };
-}
-class EventEmitter {
-  constructor() {
-    __privateAdd$5(this, _emitter, eventEmitter());
-  }
-  on(eventName, fn) {
-    __privateGet$5(this, _emitter).on(eventName, fn);
-    return () => {
-      __privateGet$5(this, _emitter).off(eventName, fn);
-    };
-  }
-  off(eventName, fn) {
-    __privateGet$5(this, _emitter).off(eventName, fn);
-  }
-  emit(eventName, params) {
-    __privateGet$5(this, _emitter).emit(eventName, params);
-  }
-}
-_emitter = new WeakMap();
-
-var __accessCheck$4 = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet$4 = (obj, member, getter) => {
-  __accessCheck$4(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd$4 = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet$3 = (obj, member, value, setter) => {
-  __accessCheck$4(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-var _value;
-class WithEventsValue extends EventEmitter {
-  constructor(value) {
-    super();
-    __privateAdd$4(this, _value, void 0);
-    __privateSet$3(this, _value, value);
-  }
-  get value() {
-    return __privateGet$4(this, _value);
-  }
-  set value(value) {
-    __privateSet$3(this, _value, value);
-    this.emit("update", value);
-  }
-}
-_value = new WeakMap();
-
-const AriaLiveEmitter = new class AriaLiveEmitterClass extends EventEmitter {
-}();
-const LiveRegion = () => {
-  const [live, setLive] = useState({
-    type: "assertive",
-    message: ""
-  });
-  useEffect(() => {
-    return AriaLiveEmitter.on("live", (ev) => {
-      if (ev.type === "reset") {
-        setLive({ type: "assertive", message: "" });
-        return;
-      }
-      if (ev.message === live.message)
-        return;
-      setTimeout(() => setLive(ev), 0);
-    });
-  }, [live.message]);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "region",
-      sx: { transform: "translate(-50000px, -50000px)" },
-      "aria-live": live.type,
-      children: live.message
-    }
-  );
-};
-
 const customEvents = {
   /**
    * Indica que un elemento necesita recibir el foco,
@@ -725,15 +661,15 @@ function isChild(element, checkParent) {
   return !!getSpecificParent(element, checkParent);
 }
 
-var __accessCheck$3 = (obj, member, msg) => {
+var __accessCheck$5 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$3 = (obj, member, getter) => {
-  __accessCheck$3(obj, member, "read from private field");
+var __privateGet$5 = (obj, member, getter) => {
+  __accessCheck$5(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$3 = (obj, member, value) => {
+var __privateAdd$5 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
@@ -742,7 +678,7 @@ var _parameters;
 class Url {
   constructor(baseUrl, defaultAllowMultiple = true) {
     this.defaultAllowMultiple = defaultAllowMultiple;
-    __privateAdd$3(this, _parameters, {});
+    __privateAdd$5(this, _parameters, {});
     const [base, query] = baseUrl.split("?");
     this.base = base;
     query == null ? void 0 : query.split("&").forEach((current) => {
@@ -752,9 +688,9 @@ class Url {
   }
   addParameter(name, value, allowMultiple) {
     if (allowMultiple === void 0 && !this.defaultAllowMultiple || allowMultiple === false)
-      __privateGet$3(this, _parameters)[name] = String(value);
+      __privateGet$5(this, _parameters)[name] = String(value);
     else
-      __privateGet$3(this, _parameters)[name] = __privateGet$3(this, _parameters)[name] ? [...arrayOrArray(__privateGet$3(this, _parameters)[name]), String(value)] : [String(value)];
+      __privateGet$5(this, _parameters)[name] = __privateGet$5(this, _parameters)[name] ? [...arrayOrArray(__privateGet$5(this, _parameters)[name]), String(value)] : [String(value)];
   }
   addParameters(parameters) {
     parameters.forEach(
@@ -762,10 +698,10 @@ class Url {
     );
   }
   getParameter(name) {
-    return __privateGet$3(this, _parameters)[name];
+    return __privateGet$5(this, _parameters)[name];
   }
   toString() {
-    const parametersArray = Object.entries(__privateGet$3(this, _parameters));
+    const parametersArray = Object.entries(__privateGet$5(this, _parameters));
     return `${this.base}${parametersArray.length > 0 ? `?${parametersArray.map(
       ([name, value]) => Array.isArray(value) ? value.map((current) => `${name}=${current}`).join("&") : `${name}=${String(value)}`
     ).join("&")}` : ""}`;
@@ -797,6 +733,100 @@ function enableChildrenFocus(parent) {
   });
 }
 
+var __accessCheck$4 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet$4 = (obj, member, getter) => {
+  __accessCheck$4(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd$4 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var _emitter;
+function eventEmitter() {
+  const listeners = {};
+  return {
+    on(key, fn) {
+      var _a;
+      if (!Array.isArray(listeners[key]))
+        listeners[key] = [];
+      (_a = listeners[key]) == null ? void 0 : _a.push(fn);
+      return () => {
+        this.off(key, fn);
+      };
+    },
+    off(key, fn) {
+      var _a;
+      listeners[key] = ((_a = listeners[key]) != null ? _a : []).filter((cb) => {
+        return cb !== fn;
+      });
+    },
+    emit(key, data) {
+      var _a;
+      ((_a = listeners[key]) != null ? _a : []).forEach((fn) => {
+        return fn(data);
+      });
+    }
+  };
+}
+class EventEmitter {
+  constructor() {
+    __privateAdd$4(this, _emitter, eventEmitter());
+  }
+  on(eventName, fn) {
+    __privateGet$4(this, _emitter).on(eventName, fn);
+    return () => {
+      __privateGet$4(this, _emitter).off(eventName, fn);
+    };
+  }
+  off(eventName, fn) {
+    __privateGet$4(this, _emitter).off(eventName, fn);
+  }
+  emit(eventName, params) {
+    __privateGet$4(this, _emitter).emit(eventName, params);
+  }
+}
+_emitter = new WeakMap();
+
+var __accessCheck$3 = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet$3 = (obj, member, getter) => {
+  __accessCheck$3(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd$3 = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet$3 = (obj, member, value, setter) => {
+  __accessCheck$3(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _value;
+class WithEventsValue extends EventEmitter {
+  constructor(value) {
+    super();
+    __privateAdd$3(this, _value, void 0);
+    __privateSet$3(this, _value, value);
+  }
+  get value() {
+    return __privateGet$3(this, _value);
+  }
+  set value(value) {
+    __privateSet$3(this, _value, value);
+    this.emit("update", value);
+  }
+}
+_value = new WeakMap();
+
 var __accessCheck$2 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -1023,47 +1053,6 @@ function useLocalStorage(prop, defaultValue) {
   ];
 }
 
-function addBoundary(definition, min, max, loop) {
-  const actualNumber = typeof definition === "number" ? definition : definition.number;
-  const actualMin = typeof definition === "number" ? min : definition.min;
-  const actualMax = typeof definition === "number" ? max : definition.max;
-  const isActualLoop = typeof definition === "number" ? loop : definition.loop;
-  let newNumber = Number(actualNumber != null ? actualNumber : 0);
-  if (actualMin !== void 0 && newNumber < actualMin) {
-    if (actualMax !== void 0 && isActualLoop) {
-      newNumber = actualMax;
-    } else {
-      newNumber = actualMin;
-    }
-  }
-  if (actualMax !== void 0 && newNumber > actualMax) {
-    if (actualMin !== void 0 && isActualLoop) {
-      newNumber = actualMin;
-    } else {
-      newNumber = actualMax;
-    }
-  }
-  return newNumber;
-}
-const sizeUnits = ["b", "kb", "mb", "gb", "tb"];
-function parseAsSize(num) {
-  let index = 0;
-  let finalSize = num;
-  if (finalSize === Infinity)
-    return "1000GB";
-  while (finalSize > 1024) {
-    finalSize /= 1024;
-    index++;
-  }
-  return `${Math.round(finalSize * 10) / 10}${sizeUnits[index]}`;
-}
-function noNaN(number, defaultReturn = 0) {
-  const returnNumber = Number(number);
-  if (number === null || Number.isNaN(returnNumber))
-    return defaultReturn;
-  return returnNumber;
-}
-
 var __accessCheck = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
@@ -1177,7 +1166,8 @@ const focus = new (_a = class {
   }
   /**
    * Da la instrucción de colocar el foco el elemento pasado como parámetro.
-   * Se puede pasar también una función que devuelva HTMLElement | false | null.
+   * Se puede pasar también una función que devuelva HTMLElement | false |
+   * null.
    *
    * El segundo parámetro del método on es un objeto de tipo
    * ScrollIntoViewOptions, que permite modificar el comportamiento del scroll
@@ -1229,7 +1219,11 @@ const focus = new (_a = class {
           const initialFocusElement = document.querySelector(
             this.focusOnReload
           );
-          const scrollTop = noNaN((_a3 = window.CURRENT_TAB) == null ? void 0 : _a3.split("~")[1]);
+          const scrollTop = noNaN(
+            (_a3 = window.CURRENT_TAB) == null ? void 0 : _a3.split(
+              "~"
+            )[1]
+          );
           if (document.scrollingElement)
             document.scrollingElement.scrollTop = scrollTop;
           return initialFocusElement;
@@ -1453,30 +1447,30 @@ const ImperativeComponentContext = createContext(
   {}
 );
 
-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;
 };
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop))
+  if (source != null && __getOwnPropSymbols$4)
+    for (var prop of __getOwnPropSymbols$4(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$4.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -1502,7 +1496,7 @@ function makeImperativeComponent() {
     const fireEvent = (id, ev, args) => {
       var _a, _b;
       if (eventsHandlers[id])
-        (_b = (_a = eventsHandlers[id]) == null ? void 0 : _a[ev]) == null ? void 0 : _b.forEach((current) => current(args));
+        (_b = (_a = eventsHandlers[id]) == null ? void 0 : _a[ev]) == null ? void 0 : _b.forEach((current) => current.cb(args));
       else
         console.warn(`The requested id does not exist: ${id}`);
     };
@@ -1513,12 +1507,12 @@ function makeImperativeComponent() {
         "id"
       ]);
       const [state, innerSetState] = useState(initialState);
-      setStates[id] = (newState) => innerSetState((current) => __spreadValues$3(__spreadValues$3({}, current), newState));
+      setStates[id] = (newState) => innerSetState((current) => __spreadValues$4(__spreadValues$4({}, current), newState));
       return /* @__PURE__ */ jsx(
         ImperativeComponentContext.Provider,
         {
           value: useMemo(() => ({ id, eventsStore: eventsHandlers }), [id]),
-          children: /* @__PURE__ */ jsx(Component, __spreadValues$3(__spreadValues$3({}, props), state))
+          children: /* @__PURE__ */ jsx(Component, __spreadValues$4(__spreadValues$4({}, props), state))
         }
       );
     };
@@ -1526,21 +1520,21 @@ function makeImperativeComponent() {
   };
 }
 
-var __defProp$2 = Object.defineProperty;
+var __defProp$3 = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
-var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
-var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$2 = (a, b) => {
+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$2.call(b, prop))
-      __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b)) {
-      if (__propIsEnum$2.call(b, prop))
-        __defNormalProp$2(a, prop, b[prop]);
+    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;
 };
@@ -1565,7 +1559,7 @@ function makeSingleImperativeComponent() {
     return [
       newMethods,
       fireEvent,
-      (props) => /* @__PURE__ */ jsx(ImperativeComponent, __spreadProps$2(__spreadValues$2({}, props), { id }))
+      (props) => /* @__PURE__ */ jsx(ImperativeComponent, __spreadProps$2(__spreadValues$3({}, props), { id }))
     ];
   };
 }
@@ -1576,50 +1570,71 @@ function useImperativeComponentContext() {
 }
 
 const useImperativeComponentEvents = (handlers) => {
+  const uniqueHookId = useMemo(() => uniqueId$1("hook"), []);
   const { id, eventsStore } = useImperativeComponentContext();
-  useEffect(() => {
+  const hasRegistered = useRef(false);
+  function registerEvents() {
     Object.entries(handlers).forEach(([name, callback]) => {
       var _a;
       if (!eventsStore[id])
         eventsStore[id] = {};
       if (!eventsStore[id][name])
         eventsStore[id][name] = [];
-      (_a = eventsStore[id][name]) == null ? void 0 : _a.push(
-        callback
-      );
-    });
-    return () => Object.entries(handlers).forEach(([name, callback]) => {
-      var _a;
-      eventsStore[id][name] = ((_a = eventsStore[id][name]) != null ? _a : []).filter((current) => current !== callback);
+      (_a = eventsStore[id][name]) == null ? void 0 : _a.push({
+        cb: callback,
+        uniqueHookId
+      });
     });
-  });
+  }
+  useEffect(() => {
+    registerEvents();
+    return () => {
+      hasRegistered.current = false;
+      Object.entries(handlers).forEach(([name]) => {
+        var _a;
+        eventsStore[id][name] = ((_a = eventsStore[id][name]) != null ? _a : []).filter((current) => current.uniqueHookId !== uniqueHookId);
+      });
+    };
+  }, []);
+  return uniqueHookId;
 };
 
 const formatMessage = (str, obj) => {
   let newStr = str;
   Object.entries(obj).forEach(([key, value]) => {
-    let placeHolder;
-    if (value !== "") {
-      placeHolder = `<${key}>`;
-    } else {
-      placeHolder = `"<${key}>"`;
-    }
+    const placeHolder = `<${key}>`;
     if (newStr == null ? void 0 : newStr.includes(placeHolder)) {
-      newStr = newStr.replace(placeHolder, value || " ");
+      newStr = newStr.replace(placeHolder, value != null ? value : "");
     }
   });
   return newStr;
 };
 
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
 function getLabel(name, replaceTokens) {
   var _a;
-  const label = (_a = window.labels[name]) != null ? _a : {
+  const label = __spreadValues$2({}, (_a = window.labels[name]) != null ? _a : {
     text: `Not preloaded: ${name}`,
     tooltip: `Not preloaded: ${name}`
-  };
-  if (replaceTokens == null ? void 0 : replaceTokens.text)
+  });
+  if ((replaceTokens == null ? void 0 : replaceTokens.text) !== void 0)
     label.text = formatMessage(label.text, replaceTokens.text);
-  if (replaceTokens == null ? void 0 : replaceTokens.title)
+  if ((replaceTokens == null ? void 0 : replaceTokens.title) !== void 0)
     label.tooltip = formatMessage(label.tooltip, replaceTokens.title);
   return label;
 }
@@ -1758,7 +1773,7 @@ function usePropsSelector(fieldId, par1, par2, par3) {
     return () => {
       unsuscribe();
     };
-  }, [fieldId, actualPropsStore]);
+  }, [fieldId, actualPropsStore, selector, comparator]);
   return props;
 }
 
@@ -1785,13 +1800,13 @@ const propsLog = "propsLog";
 class PropsStore {
   constructor(configuration) {
     this.configuration = configuration;
-    this.log = persistentStorage$1[propsLog];
+    this.log = persistentStorage[propsLog];
     this.fields = {};
     this.suscriptors = {};
     this.loggers = {
       propsLog: ([log]) => {
         this.log = log;
-        persistentStorage$1[propsLog] = log;
+        persistentStorage[propsLog] = log;
       },
       propsStore: ([fieldId]) => {
         if (fieldId)
@@ -1811,25 +1826,25 @@ class PropsStore {
     };
     if (this.configuration) {
       if (this.configuration.logCommands.propsStore)
-        debugDispatcher$1.on(
+        debugDispatcher.on(
           this.configuration.logCommands.propsStore,
           this.loggers.propsStore,
           "Muestra el contenido actual del propsStore"
         );
       if (this.configuration.logCommands.updateProp)
-        debugDispatcher$1.on(
+        debugDispatcher.on(
           this.configuration.logCommands.updateProp,
           this.loggers.updateProp,
           "dd.updateProp(fieldId, newProps). El objeto newProps ser\xE1 mergeado sobre las props actuales"
         );
       if (this.configuration.logCommands.propsSuscriptors)
-        debugDispatcher$1.on(
+        debugDispatcher.on(
           this.configuration.logCommands.propsSuscriptors,
           this.loggers.propsSuscriptors,
           "Muestra los suscriptores actuales del propsStore"
         );
       if (this.configuration.logCommands.propsLog)
-        debugDispatcher$1.on(
+        debugDispatcher.on(
           this.configuration.logCommands.propsLog,
           this.loggers.propsLog,
           "Si se pasa como true, hace log de las acciones. Si se pasa como trace(fieldId), se hace log de todas las acciones y trace del campo especificado. Si se pasa trace(), hace log y trace de todas las acciones."
@@ -1839,22 +1854,22 @@ class PropsStore {
   destructor() {
     if (this.configuration) {
       if (this.configuration.logCommands.propsStore)
-        debugDispatcher$1.off(
+        debugDispatcher.off(
           this.configuration.logCommands.propsStore,
           this.loggers.propsStore
         );
       if (this.configuration.logCommands.updateProp)
-        debugDispatcher$1.off(
+        debugDispatcher.off(
           this.configuration.logCommands.updateProp,
           this.loggers.updateProp
         );
       if (this.configuration.logCommands.propsSuscriptors)
-        debugDispatcher$1.off(
+        debugDispatcher.off(
           this.configuration.logCommands.propsSuscriptors,
           this.loggers.propsSuscriptors
         );
       if (this.configuration.logCommands.propsLog)
-        debugDispatcher$1.off(
+        debugDispatcher.off(
           this.configuration.logCommands.propsLog,
           this.loggers.propsLog
         );
@@ -2100,5 +2115,4 @@ const parseXmlAsync = (xml) => __async(void 0, null, function* () {
   return result;
 });
 
-export { AriaLiveEmitter, EventEmitter, LiveRegion, PropsSelectorUndefinedObject, PropsStore, Url, WithEventsValue, addBoundary, apiaDateToStandarFormat, arrayOrArray, autoDisconnectMutationObserver, cantFocusSelector, customEvents, dateToApiaFormat, debugDispatcher, decrypt, disableChildrenFocus, downloadUrl, enableChildrenFocus, enableDebugDispatcher, encrypt, findOffsetRelativeToScrollParent, findScrollContainer, focus, focusSelector, formatMessage, getDateFormat, getFocusSelector, getIndex, getLabel, getSpecificParent, getValueByPath, globalFocus, isChild, isDebugDispatcherEnabled, isPropsConfigurationObject, makeImperativeComponent, makeSingleImperativeComponent, noNaN, notificationsSelector, parseAsSize, parseXmlAsync, persistentStorage, propsStore, screenLocker, scrollParentIntoElement, setValueByPath, shortcutController, toBoolean, ucfirst, useCombinedRefs, useDebouncedCallback, useDebouncedState, useDomState, useImperativeComponentContext, useImperativeComponentEvents, useLatest, useLocalStorage, useMount, usePanAndZoom, usePrevious, usePropsSelector, useStateRef, useUnmount, useUpdateEffect };
-//# sourceMappingURL=index.js.map
+export { EventEmitter, PropsSelectorUndefinedObject, PropsStore, Url, WithEventsValue, addBoundary, animate, apiaDateToStandarFormat, arrayOrArray, autoDisconnectMutationObserver, cantFocusSelector, customEvents, dateToApiaFormat, debugDispatcher, decrypt, disableChildrenFocus, downloadUrl, enableChildrenFocus, enableDebugDispatcher, encrypt, findOffsetRelativeToScrollParent, findScrollContainer, focus, focusSelector, formatMessage, getDateFormat, getFocusSelector, getIndex, getLabel, getSpecificParent, getValueByPath, globalFocus, isChild, isDebugDispatcherEnabled, isPropsConfigurationObject, makeImperativeComponent, makeSingleImperativeComponent, noNaN, notificationsSelector, parseAsSize, parseXmlAsync, persistentStorage, propsStore, screenLocker, scrollParentIntoElement, setValueByPath, shortcutController, toBoolean, ucfirst, useCombinedRefs, useDebouncedCallback, useDebouncedState, useDomState, useImperativeComponentContext, useImperativeComponentEvents, useLatest, useLocalStorage, useMount, usePanAndZoom, usePrevious, usePropsSelector, useStateRef, useUnmount, useUpdateEffect };