@soyfri/shared-library 1.3.17 → 1.4.0

package/components/Tooltip/Tooltip.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const MuiTooltip = require("@mui/material/Tooltip");
+const Typography = require("@mui/material/Typography");
+const Box = require("@mui/material/Box");
+const Tooltip = ({ text, maxWidth, children, sx }) => {
+  const tooltipContentStyle = __spreadProps(__spreadValues({}, maxWidth && { maxWidth }), {
+    padding: "4px 8px",
+    textAlign: "center"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MuiTooltip,
+    {
+      title: /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "caption", component: "span", sx: tooltipContentStyle, children: text }),
+      placement: "top",
+      arrow: true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: __spreadValues({ display: "inline-block" }, sx), children })
+    }
+  );
+};
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip.cjs.map

package/components/Tooltip/Tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport MuiTooltip from '@mui/material/Tooltip'; \nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { SxProps, Theme } from '@mui/material';\n\n/**\n * Propiedades del componente Tooltip.\n * @param {string} text - El texto a mostrar dentro del Tooltip.\n * @param {number} [maxWidth] - El ancho máximo opcional del Tooltip en píxeles.\n * @param {React.ReactNode} children - El elemento al que se le aplicará el Tooltip.\n * @param {SxProps<Theme>} [sx] - Estilos opcionales para el Box contenedor.\n */\ninterface TooltipProps {\n  text: string;\n  maxWidth?: number;\n  children: React.ReactNode;\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Componente Tooltip reutilizable.\n * Muestra un texto al pasar el ratón sobre su elemento hijo, \n * permitiendo un ancho máximo configurable.\n * * @param {TooltipProps} props - Propiedades del Tooltip.\n */\nconst Tooltip: React.FC<TooltipProps> = ({ text, maxWidth, children, sx }) => {\n  \n  const tooltipContentStyle: SxProps<Theme> = {\n    \n    ...(maxWidth && { maxWidth: maxWidth }), \n    padding: '4px 8px', \n    textAlign: 'center',\n    \n  };\n\n  return (\n    \n    <MuiTooltip\n      title={\n        \n        <Typography variant=\"caption\" component=\"span\" sx={tooltipContentStyle}>\n          {text}\n        </Typography>\n      }\n      \n      placement=\"top\" \n      arrow \n    >\n      \n      <Box component=\"span\" sx={{ display: 'inline-block', ...sx }}>\n        {children}\n      </Box>\n    </MuiTooltip>\n  );\n};\n\nexport default Tooltip;"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,UAAkC,CAAC,EAAE,MAAM,UAAU,UAAU,SAAS;AAE5E,QAAM,sBAAsC,iCAEtC,YAAY,EAAE,SAAA,IAFwB;AAAA,IAG1C,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAIb,SAEEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,sCAEG,YAAA,EAAW,SAAQ,WAAU,WAAU,QAAO,IAAI,qBAChD,UAAA,KAAA,CACH;AAAA,MAGF,WAAU;AAAA,MACV,OAAK;AAAA,MAGL,UAAAA,2BAAAA,IAAC,KAAA,EAAI,WAAU,QAAO,IAAI,iBAAE,SAAS,kBAAmB,KACrD,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Propiedades del componente Tooltip.
+ * @param {string} text - El texto a mostrar dentro del Tooltip.
+ * @param {number} [maxWidth] - El ancho máximo opcional del Tooltip en píxeles.
+ * @param {React.ReactNode} children - El elemento al que se le aplicará el Tooltip.
+ * @param {SxProps<Theme>} [sx] - Estilos opcionales para el Box contenedor.
+ */
+interface TooltipProps {
+    text: string;
+    maxWidth?: number;
+    children: React.ReactNode;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Componente Tooltip reutilizable.
+ * Muestra un texto al pasar el ratón sobre su elemento hijo,
+ * permitiendo un ancho máximo configurable.
+ * * @param {TooltipProps} props - Propiedades del Tooltip.
+ */
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/components/Tooltip/Tooltip.js

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import MuiTooltip from "@mui/material/Tooltip";
+import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
+const Tooltip = ({ text, maxWidth, children, sx }) => {
+  const tooltipContentStyle = __spreadProps(__spreadValues({}, maxWidth && { maxWidth }), {
+    padding: "4px 8px",
+    textAlign: "center"
+  });
+  return /* @__PURE__ */ jsx(
+    MuiTooltip,
+    {
+      title: /* @__PURE__ */ jsx(Typography, { variant: "caption", component: "span", sx: tooltipContentStyle, children: text }),
+      placement: "top",
+      arrow: true,
+      children: /* @__PURE__ */ jsx(Box, { component: "span", sx: __spreadValues({ display: "inline-block" }, sx), children })
+    }
+  );
+};
+export {
+  Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport MuiTooltip from '@mui/material/Tooltip'; \nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { SxProps, Theme } from '@mui/material';\n\n/**\n * Propiedades del componente Tooltip.\n * @param {string} text - El texto a mostrar dentro del Tooltip.\n * @param {number} [maxWidth] - El ancho máximo opcional del Tooltip en píxeles.\n * @param {React.ReactNode} children - El elemento al que se le aplicará el Tooltip.\n * @param {SxProps<Theme>} [sx] - Estilos opcionales para el Box contenedor.\n */\ninterface TooltipProps {\n  text: string;\n  maxWidth?: number;\n  children: React.ReactNode;\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Componente Tooltip reutilizable.\n * Muestra un texto al pasar el ratón sobre su elemento hijo, \n * permitiendo un ancho máximo configurable.\n * * @param {TooltipProps} props - Propiedades del Tooltip.\n */\nconst Tooltip: React.FC<TooltipProps> = ({ text, maxWidth, children, sx }) => {\n  \n  const tooltipContentStyle: SxProps<Theme> = {\n    \n    ...(maxWidth && { maxWidth: maxWidth }), \n    padding: '4px 8px', \n    textAlign: 'center',\n    \n  };\n\n  return (\n    \n    <MuiTooltip\n      title={\n        \n        <Typography variant=\"caption\" component=\"span\" sx={tooltipContentStyle}>\n          {text}\n        </Typography>\n      }\n      \n      placement=\"top\" \n      arrow \n    >\n      \n      <Box component=\"span\" sx={{ display: 'inline-block', ...sx }}>\n        {children}\n      </Box>\n    </MuiTooltip>\n  );\n};\n\nexport default Tooltip;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,UAAkC,CAAC,EAAE,MAAM,UAAU,UAAU,SAAS;AAE5E,QAAM,sBAAsC,iCAEtC,YAAY,EAAE,SAAA,IAFwB;AAAA,IAG1C,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAIb,SAEE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,2BAEG,YAAA,EAAW,SAAQ,WAAU,WAAU,QAAO,IAAI,qBAChD,UAAA,KAAA,CACH;AAAA,MAGF,WAAU;AAAA,MACV,OAAK;AAAA,MAGL,UAAA,oBAAC,KAAA,EAAI,WAAU,QAAO,IAAI,iBAAE,SAAS,kBAAmB,KACrD,SAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default as Tooltip } from './Tooltip';

package/components/Tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './Tooltip/index'
+export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.3.17",
+  "version": "1.4.0",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -38,6 +38,11 @@
       "types": "./index.d.ts"
     },
     "./package.json": "./package.json",
+    "./components/Tooltip": {
+      "import": "./components/Tooltip/Tooltip.js",
+      "require": "./components/Tooltip/Tooltip.cjs",
+      "types": "./components/Tooltip/Tooltip.d.ts"
+    },
     "./components/Timeline": {
       "import": "./components/Timeline/Timeline.js",
       "require": "./components/Timeline/Timeline.cjs",