@m4l/base 1.4.0 → 1.5.0

package/@types/types.d.ts

@@ -50,4 +50,4 @@ declare module '@mui/material/styles' {
       variants?: ComponentsVariants['M4LTypography'];
     };
   }
-}
+}

package/extended/mui/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,qDA6B1C,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,qDAoC1C,CAAC"}

package/extended/mui/Tooltip/Tooltip.js

@@ -1,33 +1,35 @@
 import { jsx as s } from "@emotion/react/jsx-runtime";
-import d from "clsx";
-import { DEFAULT_TOOLTIP_OFFSET as n, TOOLTIP_CLASSES as i } from "./constants.js";
-import { RootStyled as f, TooltipStyled as S, TextStyled as c } from "./slots/TooltipSlots.js";
-const y = (r) => {
-  const { size: t = "medium", children: m, title: o, className: l, offset: p = n, ...a } = r, e = t === "small" || t === "medium" ? t : "medium";
+import f from "clsx";
+import { DEFAULT_TOOLTIP_OFFSET as x, TOOLTIP_CLASSES as r } from "./constants.js";
+import { resolveTooltipMaxWidth as T } from "./Tooltip.styles.js";
+import { RootStyled as h, TooltipStyled as O, TextStyled as u } from "./slots/TooltipSlots.js";
+const z = (l) => {
+  const { size: t = "medium", children: m, title: o, className: p, offset: a = x, maxWidth: d, ...n } = l, c = t === "small" || t === "medium" ? t : "medium", e = T(d), i = { size: c, maxWidth: e }, S = { maxWidth: e };
   return /* @__PURE__ */ s(
-    f,
+    h,
     {
-      className: d(i.root, l),
-      ownerState: { size: e },
-      title: typeof o == "string" ? /* @__PURE__ */ s(c, { className: i.text, ownerState: { size: e }, children: o }) : o,
+      className: f(r.root, p),
+      ownerState: i,
+      title: typeof o == "string" ? /* @__PURE__ */ s(u, { className: r.text, ownerState: i, children: o }) : o,
       slotProps: {
+        tooltip: S,
         popper: {
           modifiers: [
             {
               name: "offset",
               options: {
-                offset: p
+                offset: a
               }
             }
           ]
         }
       },
-      ...a,
-      slots: { tooltip: S },
+      ...n,
+      slots: { tooltip: O },
       children: m
     }
   );
 };
 export {
-  y as Tooltip
+  z as Tooltip
 };

package/extended/mui/Tooltip/Tooltip.styles.d.ts

@@ -1,3 +1,7 @@
-import { TooltipStyles } from './types';
+import { TooltipProps, TooltipStyles } from './types';
+/**
+ * Normalize tooltip maxWidth values so plain numeric inputs become valid CSS lengths.
+ */
+export declare function resolveTooltipMaxWidth(maxWidth?: TooltipProps['maxWidth']): string | 300;
 export declare const tooltipStyles: TooltipStyles;
 //# sourceMappingURL=Tooltip.styles.d.ts.map

package/extended/mui/Tooltip/Tooltip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAqB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,aAAa,EAAE,aA4D3B,CAAC"}
+{"version":3,"file":"Tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/Tooltip.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAqB,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9E;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,gBAoBzE;AAED,eAAO,MAAM,aAAa,EAAE,aA+D3B,CAAC"}

package/extended/mui/Tooltip/Tooltip.styles.js

@@ -1,5 +1,15 @@
+import { DEFAULT_TOOLTIP_MAX_WIDTH as r } from "./constants.js";
 import { getTypographyStyles as i } from "../../../utils/getTypographyStyles.js";
-const a = {
+function s(t) {
+  if (typeof t == "number")
+    return `${t}px`;
+  if (typeof t == "string") {
+    const o = t.trim();
+    return o === "" ? r : /^\d+(\.\d+)?$/.test(o) ? `${o}px` : o;
+  }
+  return r;
+}
+const n = {
   /**
    * Root slot styles for the Tooltip primitive.
    */
@@ -7,24 +17,26 @@ const a = {
   /**
    * Text slot styles for string tooltip content.
    */
-  text: ({ theme: o, ownerState: t }) => ({
-    color: o.vars.palette.text.contrastText,
+  text: ({ theme: t, ownerState: o }) => ({
+    color: t.vars.palette.text.contrastText,
     ...i(
-      o.generalSettings.isMobile,
-      t?.size || "medium",
+      t.generalSettings.isMobile,
+      o?.size || "medium",
       "bodyStandard"
     )
   }),
   /**
    * Tooltip bubble slot styles.
    */
-  tooltip: ({ theme: o }) => ({
-    background: o.vars.palette.background.contrastDefault,
-    padding: o.vars.size.baseSpacings.sp2,
-    borderRadius: o.vars.size.borderRadius.r1,
-    boxShadow: o.vars.customShadows.z3,
-    minWidth: o.vars.size.baseSpacings.sp6,
-    minHeight: o.vars.size.baseSpacings.sp3,
+  tooltip: ({ theme: t, maxWidth: o }) => ({
+    background: t.vars.palette.background.contrastDefault,
+    padding: t.vars.size.baseSpacings.sp2,
+    borderRadius: t.vars.size.borderRadius["r1-5"],
+    boxShadow: t.vars.customShadows.z3,
+    maxWidth: s(o),
+    wordWrap: "break-word",
+    minWidth: t.vars.size.baseSpacings.sp6,
+    minHeight: t.vars.size.baseSpacings.sp3,
     "&.MuiTooltip-tooltipPlacementRight .MuiTooltip-arrow": {
       left: "-6px"
     },
@@ -49,10 +61,10 @@ const a = {
       margin: "unset",
       "&::before": {
         transformOrigin: "unset",
-        backgroundColor: o.vars.palette.background.contrastDefault,
-        borderRadius: o.vars.size.borderRadius.r1,
-        width: o.vars.size.baseSpacings.sp3,
-        height: o.vars.size.baseSpacings.sp3,
+        backgroundColor: t.vars.palette.background.contrastDefault,
+        borderRadius: t.vars.size.borderRadius.r1,
+        width: t.vars.size.baseSpacings.sp3,
+        height: t.vars.size.baseSpacings.sp3,
         border: "unset",
         margin: "unset",
         transform: "rotate(45deg)"
@@ -61,5 +73,6 @@ const a = {
   })
 };
 export {
-  a as tooltipStyles
+  s as resolveTooltipMaxWidth,
+  n as tooltipStyles
 };

package/extended/mui/Tooltip/constants.d.ts

@@ -10,4 +10,8 @@ export declare const TOOLTIP_CLASSES: Record<"root" | "tooltip" | "text", string
  * Default tooltip offset in pixels.
  */
 export declare const DEFAULT_TOOLTIP_OFFSET: [number, number];
+/**
+ * Default readable width used by the owned tooltip bubble.
+ */
+export declare const DEFAULT_TOOLTIP_MAX_WIDTH = 300;
 //# sourceMappingURL=constants.d.ts.map

package/extended/mui/Tooltip/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/constants.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,eAAe,6CAA2D,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/constants.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB,eAAe,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,eAAe,6CAA2D,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,yBAAyB,MAAM,CAAC"}

package/extended/mui/Tooltip/constants.js

@@ -1,8 +1,9 @@
 import { getComponentClasses as o } from "../../../utils/getComponentSlotRoot.js";
-import { TooltipSlots as t } from "./slots/TooltipEnum.js";
-const T = "M4LTooltip", p = o(T, t), L = [0, 10];
+import { TooltipSlots as T } from "./slots/TooltipEnum.js";
+const t = "M4LTooltip", L = o(t, T), _ = [0, 10], n = 300;
 export {
-  L as DEFAULT_TOOLTIP_OFFSET,
-  p as TOOLTIP_CLASSES,
-  T as TOOLTIP_KEY_COMPONENT
+  n as DEFAULT_TOOLTIP_MAX_WIDTH,
+  _ as DEFAULT_TOOLTIP_OFFSET,
+  L as TOOLTIP_CLASSES,
+  t as TOOLTIP_KEY_COMPONENT
 };

package/extended/mui/Tooltip/slots/TooltipSlots.d.ts

@@ -6,5 +6,5 @@ export declare const TextStyled: import('@emotion/styled').StyledComponent<impor
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TooltipStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('..').TooltipOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=TooltipSlots.d.ts.map

package/extended/mui/Tooltip/slots/TooltipSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/Tooltip/slots/TooltipSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;UAID,CAAC;AAEvB,eAAO,MAAM,UAAU;;yGAID,CAAC;AAEvB,eAAO,MAAM,aAAa;;6NAGD,CAAC"}
+{"version":3,"file":"TooltipSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/base/src/extended/mui/Tooltip/slots/TooltipSlots.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;UAID,CAAC;AAEvB,eAAO,MAAM,UAAU;;yGAID,CAAC;AAEvB,eAAO,MAAM,aAAa;;yGAID,CAAC"}

package/extended/mui/Tooltip/slots/TooltipSlots.js

@@ -1,22 +1,23 @@
-import { Tooltip as p } from "@mui/material";
+import { Tooltip as i } from "@mui/material";
 import { styled as t } from "@mui/material/styles";
 import { tooltipStyles as r } from "../Tooltip.styles.js";
-import { TOOLTIP_KEY_COMPONENT as l } from "../constants.js";
-import { TooltipSlots as e } from "./TooltipEnum.js";
-const a = t(p, {
-  name: l,
-  slot: e.root,
+import { TOOLTIP_KEY_COMPONENT as e } from "../constants.js";
+import { TooltipSlots as l } from "./TooltipEnum.js";
+const n = t(i, {
+  name: e,
+  slot: l.root,
   shouldForwardProp: (o) => o !== "ownerState"
 })(r.root), S = t("div", {
-  name: l,
-  slot: e.text,
+  name: e,
+  slot: l.text,
   shouldForwardProp: (o) => o !== "ownerState"
 })(r.text), T = t("div", {
-  name: l,
-  slot: e.tooltip
+  name: e,
+  slot: l.tooltip,
+  shouldForwardProp: (o) => o !== "ownerState" && o !== "maxWidth"
 })(r.tooltip);
 export {
-  a as RootStyled,
+  n as RootStyled,
   S as TextStyled,
   T as TooltipStyled
 };

package/extended/mui/Tooltip/types.d.ts

@@ -1,6 +1,7 @@
 import { ComponentNameToClassKey, SxProps, Theme, TooltipProps as MUITooltipProps } from '@mui/material';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { Sizes } from '@m4l/styles';
+import { CSSProperties } from 'react';
 import { M4LOverridesStyleRules } from '../../../@types/augmentations';
 import { TOOLTIP_KEY_COMPONENT } from './constants';
 import { TooltipSlots } from './slots/TooltipEnum';
@@ -15,11 +16,13 @@ export interface TooltipProps extends Omit<MUITooltipProps, 'sx'> {
     placement?: MUITooltipProps['placement'];
     /** Popper offset relative to the anchor. */
     offset?: [number, number];
+    /** Maximum width applied to the tooltip bubble as pixels or any valid CSS length. */
+    maxWidth?: CSSProperties['maxWidth'];
 }
 /**
  * Owner state used by the styled Tooltip slots.
  */
-export type TooltipOwnerState = Pick<TooltipProps, 'size'>;
+export type TooltipOwnerState = Pick<TooltipProps, 'size' | 'maxWidth'>;
 /**
  * Slot key union for the Tooltip component.
  */

package/extended/mui/Tooltip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC/D,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAC3F,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,YAAY,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,OAAO,qBAAqB,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../packages/base/src/extended/mui/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC/D,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAC3F,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,YAAY,CAAC;AAEzD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,OAAO,qBAAqB,EAAE,KAAK,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/base",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "publishConfig": {
     "access": "public"
   },