@apia/components 2.0.9 → 2.0.10

package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.js

@@ -0,0 +1,104 @@
+import { jsx, Fragment } from '@apia/theme/jsx-runtime';
+import { createElement } from '@apia/theme';
+import { useMemo, useState } from 'react';
+import { EventEmitter, useUnmount, useMount } from '@apia/util';
+import { ApiaUtilTooltip } from './ApiaUtilTooltip.js';
+import { AutomaticTooltip } from './AutomaticTooltip.js';
+import { Tooltip } from './tooltip/Tooltip.js';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (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, _shoutChangedList;
+class ApiaUtilTooltips {
+  constructor() {
+    __privateAdd(this, _emitter, new EventEmitter());
+    __publicField(this, "tooltips", []);
+    __privateAdd(this, _shoutChangedList, () => {
+      __privateGet(this, _emitter).emit("changedList", [...this.tooltips]);
+    });
+    /**
+     * Permite crear un tooltip que se abrirá automáticamente al estar parado
+     * sobre un elemento durante 300ms
+     */
+    __publicField(this, "useHover", (tooltip) => {
+      let tt = void 0;
+      tt = useMemo(() => {
+        tt?.ref(null);
+        return new AutomaticTooltip(tooltip ?? null, this);
+      }, [tooltip]);
+      useUnmount(() => {
+        tt?.ref(null);
+      });
+      return tt;
+    });
+    __publicField(this, "close", (id) => {
+      this.tooltips = this.tooltips.filter((current) => current.id !== id);
+      __privateGet(this, _shoutChangedList).call(this);
+    });
+    __publicField(this, "closeAll", () => {
+      this.tooltips = [];
+      __privateGet(this, _shoutChangedList).call(this);
+    });
+    __publicField(this, "open", (tooltip) => {
+      const controller = new ApiaUtilTooltip(tooltip, () => {
+        this.close(controller.id);
+      });
+      if (tooltip.closeOthers !== false) {
+        this.tooltips = [controller];
+      } else {
+        this.tooltips = [...this.tooltips, controller];
+      }
+      __privateGet(this, _shoutChangedList).call(this);
+      return controller;
+    });
+    __publicField(this, "Component", () => {
+      const [tooltips, setTooltips] = useState(this.tooltips);
+      useMount(() => {
+        const unsuscribeToList = __privateGet(this, _emitter).on("changedList", (ev) => {
+          setTooltips(ev);
+        });
+        return () => {
+          unsuscribeToList();
+        };
+      });
+      return /* @__PURE__ */ jsx(Fragment, { children: tooltips.map((current) => /* @__PURE__ */ createElement(
+        Tooltip,
+        {
+          ...current.props,
+          onClose: current.close.bind(current),
+          key: current.id
+        }
+      )) });
+    });
+    document.addEventListener("keydown", (ev) => {
+      if (ev.code === "Escape") {
+        this.tooltips = this.tooltips.filter(
+          (current) => current.props.closeOnEscape !== false
+        );
+        __privateGet(this, _shoutChangedList).call(this);
+      }
+    });
+  }
+}
+_emitter = new WeakMap();
+_shoutChangedList = new WeakMap();
+
+export { ApiaUtilTooltips };
+//# sourceMappingURL=ApiaUtilTooltips.js.map

package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiaUtilTooltips.js","sources":["../../../../src/objects/ApiaUtil/tooltips/ApiaUtilTooltips.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\r\nimport { EventEmitter, useMount, useUnmount } from '@apia/util';\r\nimport { ApiaUtilTooltip } from './ApiaUtilTooltip';\r\nimport { AutomaticTooltip } from './AutomaticTooltip';\r\nimport { TTooltip, Tooltip } from './tooltip';\r\n\r\nexport class ApiaUtilTooltips {\r\n  #emitter = new EventEmitter<{\r\n    changedList: ApiaUtilTooltip[];\r\n  }>();\r\n  tooltips: ApiaUtilTooltip[] = [];\r\n\r\n  constructor() {\r\n    document.addEventListener('keydown', (ev) => {\r\n      if (ev.code === 'Escape') {\r\n        this.tooltips = this.tooltips.filter(\r\n          (current) => current.props.closeOnEscape !== false,\r\n        );\r\n        this.#shoutChangedList();\r\n      }\r\n    });\r\n  }\r\n\r\n  #shoutChangedList = () => {\r\n    this.#emitter.emit('changedList', [...this.tooltips]);\r\n  };\r\n\r\n  /**\r\n   * Permite crear un tooltip que se abrirá automáticamente al estar parado\r\n   * sobre un elemento durante 300ms\r\n   */\r\n  useHover = (tooltip?: Partial<TTooltip>) => {\r\n    let tt: AutomaticTooltip | undefined = undefined;\r\n\r\n    tt = useMemo(() => {\r\n      tt?.ref(null);\r\n      return new AutomaticTooltip(tooltip ?? null, this);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [tooltip]);\r\n\r\n    useUnmount(() => {\r\n      tt?.ref(null);\r\n    });\r\n\r\n    return tt;\r\n  };\r\n\r\n  close = (id: string) => {\r\n    this.tooltips = this.tooltips.filter((current) => current.id !== id);\r\n    this.#shoutChangedList();\r\n  };\r\n\r\n  closeAll = () => {\r\n    this.tooltips = [];\r\n    this.#shoutChangedList();\r\n  };\r\n\r\n  open = (tooltip: TTooltip) => {\r\n    const controller = new ApiaUtilTooltip(tooltip, () => {\r\n      this.close(controller.id);\r\n    });\r\n\r\n    if (tooltip.closeOthers !== false) {\r\n      this.tooltips = [controller];\r\n    } else {\r\n      this.tooltips = [...this.tooltips, controller];\r\n    }\r\n    this.#shoutChangedList();\r\n\r\n    return controller;\r\n  };\r\n\r\n  Component = () => {\r\n    const [tooltips, setTooltips] = useState<ApiaUtilTooltip[]>(this.tooltips);\r\n\r\n    useMount(() => {\r\n      const unsuscribeToList = this.#emitter.on('changedList', (ev) => {\r\n        setTooltips(ev);\r\n      });\r\n\r\n      return () => {\r\n        unsuscribeToList();\r\n      };\r\n    });\r\n\r\n    return (\r\n      <>\r\n        {tooltips.map((current) => (\r\n          <Tooltip\r\n            {...current.props}\r\n            onClose={current.close.bind(current)}\r\n            key={current.id}\r\n          />\r\n        ))}\r\n      </>\r\n    );\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.d.ts

@@ -0,0 +1,13 @@
+import { ApiaUtilTooltips } from './ApiaUtilTooltips.js';
+import { TTooltip } from './tooltip/types.js';
+
+declare class AutomaticTooltip {
+    #private;
+    private handler;
+    ref: (el: HTMLElement | null) => void;
+    constructor(tooltip: Partial<TTooltip> | null | undefined, handler: ApiaUtilTooltips);
+    update: (tooltip: Partial<TTooltip>) => void;
+}
+
+export { AutomaticTooltip };
+//# sourceMappingURL=AutomaticTooltip.d.ts.map

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomaticTooltip.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js

@@ -0,0 +1,79 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (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 = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  member.set(obj, value);
+  return value;
+};
+var _tooltipTimeout, _unsuscribe, _tooltip;
+let y = 0, x = 0;
+document?.addEventListener("mousemove", (ev) => {
+  x = ev.clientX;
+  y = ev.clientY;
+});
+class AutomaticTooltip {
+  constructor(tooltip = null, handler) {
+    this.handler = handler;
+    __privateAdd(this, _tooltipTimeout, 0);
+    __privateAdd(this, _unsuscribe, null);
+    __publicField(this, "ref", (el) => {
+      var _a, _b;
+      (_a = __privateGet(this, _unsuscribe)) == null ? void 0 : _a.call(this);
+      const listener = () => {
+        clearTimeout(__privateGet(this, _tooltipTimeout));
+        __privateSet(this, _tooltipTimeout, setTimeout(() => {
+          if (__privateGet(this, _tooltip)?.children)
+            this.handler.open({
+              closeOnMouseLeaveTooltip: true,
+              closeOnEscape: true,
+              closeOnScrollOut: true,
+              ...__privateGet(this, _tooltip),
+              anchorPoint: { left: x + 3, top: y + 3 }
+            });
+        }, 500));
+      };
+      const reset = () => {
+        clearTimeout(__privateGet(this, _tooltipTimeout));
+      };
+      if (el) {
+        el.addEventListener("mousemove", listener);
+        el.addEventListener("mouseleave", reset);
+        __privateSet(this, _unsuscribe, () => {
+          el.removeEventListener("mousemove", listener);
+          el.removeEventListener("mouseleave", reset);
+        });
+      } else {
+        (_b = __privateGet(this, _unsuscribe)) == null ? void 0 : _b.call(this);
+        reset();
+      }
+    });
+    __privateAdd(this, _tooltip, null);
+    __publicField(this, "update", (tooltip) => {
+      __privateSet(this, _tooltip, tooltip);
+    });
+    __privateSet(this, _tooltip, tooltip);
+  }
+}
+_tooltipTimeout = new WeakMap();
+_unsuscribe = new WeakMap();
+_tooltip = new WeakMap();
+
+export { AutomaticTooltip };
+//# sourceMappingURL=AutomaticTooltip.js.map

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomaticTooltip.js","sources":["../../../../src/objects/ApiaUtil/tooltips/AutomaticTooltip.ts"],"sourcesContent":["import type { ApiaUtilTooltips } from './ApiaUtilTooltips';\r\nimport { TTooltip } from './tooltip';\r\n\r\nlet y = 0,\r\n  x = 0;\r\ndocument?.addEventListener('mousemove', (ev) => {\r\n  x = ev.clientX;\r\n  y = ev.clientY;\r\n});\r\n\r\nexport class AutomaticTooltip {\r\n  #tooltipTimeout = 0;\r\n  #unsuscribe: (() => void) | null = null;\r\n\r\n  ref = (el: HTMLElement | null) => {\r\n    this.#unsuscribe?.();\r\n\r\n    const listener = () => {\r\n      clearTimeout(this.#tooltipTimeout);\r\n\r\n      this.#tooltipTimeout = setTimeout(() => {\r\n        if (this.#tooltip?.children)\r\n          this.handler.open({\r\n            closeOnMouseLeaveTooltip: true,\r\n            closeOnEscape: true,\r\n            closeOnScrollOut: true,\r\n            ...this.#tooltip,\r\n            anchorPoint: { left: x + 3, top: y + 3 },\r\n          });\r\n      }, 500) as unknown as number;\r\n    };\r\n\r\n    const reset = () => {\r\n      clearTimeout(this.#tooltipTimeout);\r\n    };\r\n\r\n    if (el) {\r\n      el.addEventListener('mousemove', listener);\r\n      el.addEventListener('mouseleave', reset);\r\n\r\n      this.#unsuscribe = () => {\r\n        el.removeEventListener('mousemove', listener);\r\n        el.removeEventListener('mouseleave', reset);\r\n      };\r\n    } else {\r\n      this.#unsuscribe?.();\r\n      reset();\r\n    }\r\n  };\r\n\r\n  #tooltip: Partial<TTooltip> | null = null;\r\n\r\n  constructor(\r\n    tooltip: Partial<TTooltip> | null = null,\r\n    private handler: ApiaUtilTooltips,\r\n  ) {\r\n    this.#tooltip = tooltip;\r\n  }\r\n\r\n  update = (tooltip: Partial<TTooltip>) => {\r\n    this.#tooltip = tooltip;\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js

@@ -0,0 +1,62 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { Box, getVariant } from '@apia/theme';
+import { calculateTooltipPosition, useHandlers } from './util.js';
+
+const Tooltip = ({
+  anchorPoint,
+  attachToElement,
+  attachToElementAnchorPoint,
+  attachToMousePosition,
+  children,
+  className,
+  closeOnClick = false,
+  closeOnClickOut = true,
+  closeOnEscape = true,
+  closeOnMouseLeaveTooltip = true,
+  closeOnMouseLeaveAttachedElement = true,
+  closeOnScrollOut = true,
+  minSize,
+  onClose,
+  preferredOrientationX = "right",
+  preferredOrientationY = "bottom",
+  preferredSize = { height: "auto", width: "auto" },
+  variant = "layout.common.tooltips.primary"
+}) => {
+  const calculatedPosition = calculateTooltipPosition({
+    anchorPoint,
+    attachToElement,
+    attachToElementAnchorPoint,
+    attachToMousePosition,
+    minSize,
+    preferredOrientationX,
+    preferredOrientationY,
+    preferredSize
+  });
+  const sx = {
+    position: "fixed",
+    ...calculatedPosition
+  };
+  const { handleOnClick } = useHandlers({
+    attachToElement,
+    closeOnEscape,
+    closeOnClickOut,
+    closeOnClick,
+    closeOnMouseLeaveTooltip,
+    closeOnMouseLeaveAttachedElement,
+    closeOnScrollOut,
+    onClose
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: `tooltip__wrapper ${className ?? ""}`,
+      ...getVariant(variant),
+      sx,
+      onClick: handleOnClick,
+      children
+    }
+  );
+};
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/objects/ApiaUtil/tooltips/tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\r\nimport { TTooltip } from './types';\r\nimport { Box, ThemeUICSSObject } from '@apia/theme';\r\nimport { getVariant } from '@apia/theme';\r\nimport { calculateTooltipPosition, useHandlers } from './util';\r\n\r\nexport const Tooltip = ({\r\n  anchorPoint,\r\n  attachToElement,\r\n  attachToElementAnchorPoint,\r\n  attachToMousePosition,\r\n  children,\r\n  className,\r\n  closeOnClick = false,\r\n  closeOnClickOut = true,\r\n  closeOnEscape = true,\r\n  closeOnMouseLeaveTooltip = true,\r\n  closeOnMouseLeaveAttachedElement = true,\r\n  closeOnScrollOut = true,\r\n  minSize,\r\n  onClose,\r\n  preferredOrientationX = 'right',\r\n  preferredOrientationY = 'bottom',\r\n  preferredSize = { height: 'auto', width: 'auto' },\r\n  variant = 'layout.common.tooltips.primary',\r\n}: TTooltip) => {\r\n  const calculatedPosition = calculateTooltipPosition({\r\n    anchorPoint,\r\n    attachToElement,\r\n    attachToElementAnchorPoint,\r\n    attachToMousePosition,\r\n    minSize,\r\n    preferredOrientationX,\r\n    preferredOrientationY,\r\n    preferredSize,\r\n  });\r\n\r\n  const sx = {\r\n    position: 'fixed',\r\n    ...calculatedPosition,\r\n  } as ThemeUICSSObject;\r\n\r\n  const { handleOnClick } = useHandlers({\r\n    attachToElement,\r\n    closeOnEscape,\r\n    closeOnClickOut,\r\n    closeOnClick,\r\n    closeOnMouseLeaveTooltip,\r\n    closeOnMouseLeaveAttachedElement,\r\n    closeOnScrollOut,\r\n    onClose,\r\n  });\r\n\r\n  return (\r\n    <Box\r\n      className={`tooltip__wrapper ${className ?? ''}`}\r\n      {...getVariant(variant)}\r\n      sx={sx}\r\n      onClick={handleOnClick}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;AAMO,MAAM,UAAU,CAAC;AAAA,EACtB,WAAA;AAAA,EACA,eAAA;AAAA,EACA,0BAAA;AAAA,EACA,qBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,eAAkB,GAAA,IAAA;AAAA,EAClB,aAAgB,GAAA,IAAA;AAAA,EAChB,wBAA2B,GAAA,IAAA;AAAA,EAC3B,gCAAmC,GAAA,IAAA;AAAA,EACnC,gBAAmB,GAAA,IAAA;AAAA,EACnB,OAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAwB,GAAA,OAAA;AAAA,EACxB,qBAAwB,GAAA,QAAA;AAAA,EACxB,aAAgB,GAAA,EAAE,MAAQ,EAAA,MAAA,EAAQ,OAAO,MAAO,EAAA;AAAA,EAChD,OAAU,GAAA,gCAAA;AACZ,CAAgB,KAAA;AACd,EAAA,MAAM,qBAAqB,wBAAyB,CAAA;AAAA,IAClD,WAAA;AAAA,IACA,eAAA;AAAA,IACA,0BAAA;AAAA,IACA,qBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA,qBAAA;AAAA,IACA,aAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,EAAK,GAAA;AAAA,IACT,QAAU,EAAA,OAAA;AAAA,IACV,GAAG,kBAAA;AAAA,GACL,CAAA;AAEA,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,WAAY,CAAA;AAAA,IACpC,eAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,wBAAA;AAAA,IACA,gCAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAoB,iBAAA,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MAC7C,GAAG,WAAW,OAAO,CAAA;AAAA,MACtB,EAAA;AAAA,MACA,OAAS,EAAA,aAAA;AAAA,MAER,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts

@@ -0,0 +1,117 @@
+import { ReactNode, RefObject } from 'react';
+
+type TAttachToElement = (() => HTMLElement) | RefObject<HTMLElement>;
+type TPreferredOrientationX = 'left' | 'right';
+type TPreferredOrientationY = 'top' | 'bottom';
+type TSize = {
+    width: number;
+    height: number;
+};
+type TSizeWithAuto = {
+    width: number | 'auto';
+    height: number | 'auto';
+};
+type TPosition = {
+    left: number;
+    top: number;
+};
+type TAttachToElementAnchorPoint = 'center' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+type TTooltip = {
+    /** Define el contenido del tooltip */
+    children?: ReactNode;
+    /**
+     * Indica si el tooltip se cierra con escape. Valor por defecto: true.
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Indica si el tooltip se cierra al desplazar el puntero del mouse fuera del
+     * tooltip. Valor por defecto: true.
+     */
+    closeOnMouseLeaveTooltip?: boolean | ((ev: MouseEvent) => boolean);
+    /**
+     * Indica si el tooltip se cierra al desplazar el puntero del mouse fuera del
+     * elemento al que el tooltip está anclado. Valor por defecto: true.
+     */
+    closeOnMouseLeaveAttachedElement?: boolean | ((ev: MouseEvent) => boolean);
+    /**
+     * Indica si el tooltip se cierra al hacerle click. Valor por defecto: false.
+     */
+    closeOnClick?: boolean;
+    /**
+     * Indica si el tooltip se cierra al hacer click fuera de él. Valor por
+     * defecto: true.
+     */
+    closeOnClickOut?: boolean | ((ev: MouseEvent) => boolean);
+    /**
+     * Indica si el tooltip se cierra al hacer scroll en un elemento externo al
+     * tooltip. Valor por defecto: true.
+     */
+    closeOnScrollOut?: boolean;
+    /**
+     * Por defecto está en true. Cierra los demás tooltips al abrirse
+     */
+    closeOthers?: boolean;
+    /**
+     * Permite determinar sobre qué elemento se abre el tooltip
+     */
+    attachToElement?: TAttachToElement;
+    /**
+     * Cuando se desea hacer attach a un elemento, es posible posicionar el menú
+     * en cualquiera de los cuatro vétices definidos por el box que lo contiene o
+     * bien ubicarlo exactamente en el centro.
+     *
+     * Por defecto se colocará en topRight.
+     *
+     * Además el tooltip se extenderá según la orientación definida en los
+     * parámetros preferredOrientationX y preferredOrientationY.
+     */
+    attachToElementAnchorPoint?: TAttachToElementAnchorPoint;
+    attachToMousePosition?: boolean;
+    /**
+     * Permite indicar que el tooltip se abrirá en un punto específico. En caso
+     * de no indicar anchorPoint ni attachToElement se abrirá en {0,0}
+     */
+    anchorPoint?: TPosition;
+    /**
+     * El minSize define el espacio mínimo que debe existir para mostrar el
+     * tooltip. En caso de que en la orientación definida no exista espacio
+     * suficiente, el tooltip se mostrará en otra orientación que si lo permita.
+     */
+    minSize?: TSize;
+    /**
+     * El preferredSize define el espacio deseado que debería ocupar el tooltip.
+     * En caso de no haber espacio suficiente para cubrir este espacio en la
+     * orientación definida, se cubrirá todo el espacio disponible, siempre y
+     * cuando sea mayor o igual que minSize, en cuyo caso entrará en juego el
+     * comportamiento de minSize.
+     *
+     * Por defecto usa { height: 'auto', width: 'auto' }.
+     */
+    preferredSize?: TSizeWithAuto;
+    /**
+     * Posición en la que el tooltip se muestra en caso de que haya espacio
+     * suficiente, por defecto usa right.
+     */
+    preferredOrientationX?: TPreferredOrientationX;
+    /**
+     * Posición en la que el tooltip se muestra en caso de que haya espacio
+     * suficiente, por defecto usa bottom.
+     */
+    preferredOrientationY?: TPreferredOrientationY;
+    /**
+     * Permite agregar classNames al box contenedor.
+     */
+    className?: string;
+    /**
+     * Será llamado cuando el tooltip sea cerrado.
+     */
+    onClose?: () => unknown;
+    /**
+     * Variante del box contenedor. Por defecto usa
+     * layout.common.tooltips.primary.
+     */
+    variant?: string;
+};
+
+export type { TAttachToElement, TAttachToElementAnchorPoint, TPosition, TPreferredOrientationX, TPreferredOrientationY, TSize, TSizeWithAuto, TTooltip };
+//# sourceMappingURL=types.d.ts.map

package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}