@weng-lab/ui-components 2.1.1 → 2.2.1

package/dist/ui-components.es51.js

@@ -1,158 +1,39 @@
-import * as y from "react";
-import e from "./ui-components.es85.js";
-import { clsx as h } from "./ui-components.es84.js";
-import P from "./ui-components.es106.js";
-import { j as b } from "./ui-components.es13.js";
-import w from "./ui-components.es42.js";
-import g from "./ui-components.es86.js";
-import c from "./ui-components.es131.js";
-import { getPaperUtilityClass as T } from "./ui-components.es132.js";
-import { useDefaultProps as x } from "./ui-components.es89.js";
-import $ from "./ui-components.es90.js";
-import j from "./ui-components.es105.js";
-import O from "./ui-components.es133.js";
-import { alpha as f } from "./ui-components.es52.js";
-const R = (o) => {
-  const {
-    square: r,
-    elevation: a,
-    variant: n,
-    classes: t
-  } = o, i = {
-    root: ["root", n, !r && "rounded", n === "elevation" && `elevation${a}`]
-  };
-  return $(i, T, t);
-}, E = w("div", {
-  name: "MuiPaper",
-  slot: "Root",
-  overridesResolver: (o, r) => {
-    const {
-      ownerState: a
-    } = o;
-    return [r.root, r[a.variant], !a.square && r.rounded, a.variant === "elevation" && r[`elevation${a.elevation}`]];
-  }
-})(g(({
-  theme: o
-}) => ({
-  backgroundColor: (o.vars || o).palette.background.paper,
-  color: (o.vars || o).palette.text.primary,
-  transition: o.transitions.create("box-shadow"),
-  variants: [{
-    props: ({
-      ownerState: r
-    }) => !r.square,
-    style: {
-      borderRadius: o.shape.borderRadius
-    }
-  }, {
-    props: {
-      variant: "outlined"
-    },
-    style: {
-      border: `1px solid ${(o.vars || o).palette.divider}`
-    }
-  }, {
-    props: {
-      variant: "elevation"
-    },
-    style: {
-      boxShadow: "var(--Paper-shadow)",
-      backgroundImage: "var(--Paper-overlay)"
-    }
-  }]
-}))), N = /* @__PURE__ */ y.forwardRef(function(r, a) {
-  const n = x({
-    props: r,
-    name: "MuiPaper"
-  }), t = P(), {
-    className: i,
-    component: p = "div",
-    elevation: s = 1,
-    square: m = !1,
-    variant: l = "elevation",
-    ...v
-  } = n, d = {
-    ...n,
-    component: p,
-    elevation: s,
-    square: m,
-    variant: l
-  }, u = R(d);
-  return process.env.NODE_ENV !== "production" && t.shadows[s] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${s}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${s}]\` is defined.`].join(`
-`)), /* @__PURE__ */ b.jsx(E, {
-    as: p,
-    ownerState: d,
-    className: h(u.root, i),
-    ref: a,
-    ...v,
-    style: {
-      ...l === "elevation" && {
-        "--Paper-shadow": (t.vars || t).shadows[s],
-        ...t.vars && {
-          "--Paper-overlay": t.vars.overlays?.[s]
-        },
-        ...!t.vars && t.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${f("#fff", c(s))}, ${f("#fff", c(s))})`
-        }
-      },
-      ...v.style
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (N.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: j(O, (o) => {
-    const {
-      elevation: r,
-      variant: a
-    } = o;
-    return r > 0 && a === "outlined" ? new Error(`MUI: Combining \`elevation={${r}}\` with \`variant="${a}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: e.bool,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The variant to use.
-   * @default 'elevation'
-   */
-  variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
-});
+import { j as r } from "./ui-components.es15.js";
+import { c as d } from "./ui-components.es17.js";
+import { Typography as h, Box as p, Tooltip as j } from "@mui/material";
+import y from "./ui-components.es24.js";
+const S = (x) => {
+  const e = d.c(13), {
+    params: i,
+    tooltipTitle: f,
+    originalRenderHeader: s
+  } = x;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    display: "flex",
+    alignItems: "center",
+    gap: 1
+  }, e[0] = n) : n = e[0];
+  let m;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }, e[1] = m) : m = e[1];
+  let t;
+  e[2] !== s || e[3] !== i ? (t = s ? s(i) : /* @__PURE__ */ r.jsx(h, { variant: "subtitle2", noWrap: !0, children: i.colDef.headerName || i.field }), e[2] = s, e[3] = i, e[4] = t) : t = e[4];
+  let l;
+  e[5] !== t ? (l = /* @__PURE__ */ r.jsx(p, { sx: m, children: t }), e[5] = t, e[6] = l) : l = e[6];
+  let a;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r.jsx(y, { fontSize: "inherit", color: "primary" }), e[7] = a) : a = e[7];
+  let o;
+  e[8] !== f ? (o = /* @__PURE__ */ r.jsx(j, { title: f, children: a }), e[8] = f, e[9] = o) : o = e[9];
+  let c;
+  return e[10] !== l || e[11] !== o ? (c = /* @__PURE__ */ r.jsxs(p, { sx: n, children: [
+    l,
+    o
+  ] }), e[10] = l, e[11] = o, e[12] = c) : c = e[12], c;
+};
 export {
-  N as default
+  S as HeaderWithTooltip
 };
 //# sourceMappingURL=ui-components.es51.js.map

package/dist/ui-components.es51.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es51.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Paper/Paper.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport integerPropType from '@mui/utils/integerPropType';\nimport chainPropTypes from '@mui/utils/chainPropTypes';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport { styled, useTheme } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport getOverlayAlpha from \"../styles/getOverlayAlpha.js\";\nimport { getPaperUtilityClass } from \"./paperClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    square,\n    elevation,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]\n  };\n  return composeClasses(slots, getPaperUtilityClass, classes);\n};\nconst PaperRoot = styled('div', {\n  name: 'MuiPaper',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  backgroundColor: (theme.vars || theme).palette.background.paper,\n  color: (theme.vars || theme).palette.text.primary,\n  transition: theme.transitions.create('box-shadow'),\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.square,\n    style: {\n      borderRadius: theme.shape.borderRadius\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      border: `1px solid ${(theme.vars || theme).palette.divider}`\n    }\n  }, {\n    props: {\n      variant: 'elevation'\n    },\n    style: {\n      boxShadow: 'var(--Paper-shadow)',\n      backgroundImage: 'var(--Paper-overlay)'\n    }\n  }]\n})));\nconst Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiPaper'\n  });\n  const theme = useTheme();\n  const {\n    className,\n    component = 'div',\n    elevation = 1,\n    square = false,\n    variant = 'elevation',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    component,\n    elevation,\n    square,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  if (process.env.NODE_ENV !== 'production') {\n    if (theme.shadows[elevation] === undefined) {\n      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \\`theme.shadows[${elevation}]\\` is defined.`].join('\\n'));\n    }\n  }\n  return /*#__PURE__*/_jsx(PaperRoot, {\n    as: component,\n    ownerState: ownerState,\n    className: clsx(classes.root, className),\n    ref: ref,\n    ...other,\n    style: {\n      ...(variant === 'elevation' && {\n        '--Paper-shadow': (theme.vars || theme).shadows[elevation],\n        ...(theme.vars && {\n          '--Paper-overlay': theme.vars.overlays?.[elevation]\n        }),\n        ...(!theme.vars && theme.palette.mode === 'dark' && {\n          '--Paper-overlay': `linear-gradient(${alpha('#fff', getOverlayAlpha(elevation))}, ${alpha('#fff', getOverlayAlpha(elevation))})`\n        })\n      }),\n      ...other.style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Paper.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Shadow depth, corresponds to `dp` in the spec.\n   * It accepts values between 0 and 24 inclusive.\n   * @default 1\n   */\n  elevation: chainPropTypes(integerPropType, props => {\n    const {\n      elevation,\n      variant\n    } = props;\n    if (elevation > 0 && variant === 'outlined') {\n      return new Error(`MUI: Combining \\`elevation={${elevation}}\\` with \\`variant=\"${variant}\"\\` has no effect. Either use \\`elevation={0}\\` or use a different \\`variant\\`.`);\n    }\n    return null;\n  }),\n  /**\n   * If `true`, rounded corners are disabled.\n   * @default false\n   */\n  square: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The variant to use.\n   * @default 'elevation'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])\n} : void 0;\nexport default Paper;"],"names":["useUtilityClasses","ownerState","square","elevation","variant","classes","slots","composeClasses","getPaperUtilityClass","PaperRoot","styled","props","styles","memoTheme","theme","Paper","React","inProps","ref","useDefaultProps","useTheme","className","component","other","_jsx","clsx","alpha","getOverlayAlpha","PropTypes","chainPropTypes","integerPropType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es51.js","sources":["../src/components/Table/HeaderWithToolip.tsx"],"sourcesContent":["import { Tooltip, Box, Typography, TooltipProps } from '@mui/material';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { GridColumnHeaderParams } from '@mui/x-data-grid-premium';\n\nexport interface HeaderWithTooltipProps {\n  params: GridColumnHeaderParams;\n  tooltipTitle: TooltipProps[\"title\"];\n  originalRenderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;\n}\n\nexport const HeaderWithTooltip = ({ params, tooltipTitle, originalRenderHeader }: HeaderWithTooltipProps) => {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {originalRenderHeader ? (\n          originalRenderHeader(params)\n        ) : (\n          // Fallback to default behavior (showing the headerName)\n          <Typography variant=\"subtitle2\" noWrap>\n            {params.colDef.headerName || params.field}\n          </Typography>\n        )}\n      </Box>\n      <Tooltip title={tooltipTitle}>\n        <InfoOutlinedIcon fontSize=\"inherit\" color=\"primary\" />\n      </Tooltip>\n    </Box>\n  );\n};"],"names":["HeaderWithTooltip","t0","$","_c","params","tooltipTitle","originalRenderHeader","t1","Symbol","for","display","alignItems","gap","t2","overflow","textOverflow","t3","Typography","colDef","headerName","field","t4","jsx","Box","t5","InfoOutlinedIcon","t6","Tooltip","t7"],"mappings":";;;;AAUO,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAL;AAAsE,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAE3FF,IAAA;AAAA,IAAAG,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GAAGV,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC/CI,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAQC,cAAgB;AAAA,EAAA,GAAYb,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KACtDY,IAAAV,IACCA,EAAqBF,CAMvB,0BAHGa,GAAA,EAAmB,SAAA,aAAY,QAAA,IAC7Bb,UAAAA,EAAMc,OAAOC,cAAef,EAAMgB,OACrC,GACDlB,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAc,KARHK,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAAV,GACNG,UAAAA,GAQH,GAAMd,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEJe,IAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAA0B,UAAA,WAAgB,OAAA,WAAS,GAAGvB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,SAAAG,KADzDqB,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAetB,OAAAA,GACdmB,UAAAA,GACF,GAAUtB,OAAAG,GAAAH,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA0B;AAAA,SAAA1B,EAAA,EAAA,MAAAmB,KAAAnB,UAAAwB,KAbZE,2BAACL,GAAA,EAAQ,IAAAhB,GACPc,UAAAA;AAAAA,IAAAA;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMxB,QAAAmB,GAAAnB,QAAAwB,GAAAxB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAdN0B;AAcM;"}

package/dist/ui-components.es52.js

@@ -1,146 +1,26 @@
-import c from "./ui-components.es146.js";
-import b from "./ui-components.es228.js";
-function l(e, t = 0, n = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > n) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${n}].`), b(e, t, n);
-}
-function v(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let n = e.match(t);
-  return n && n[0].length === 1 && (n = n.map((r) => r + r)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((r, s) => s < 3 ? parseInt(r, 16) : Math.round(parseInt(r, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function a(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return a(v(e));
-  const t = e.indexOf("("), n = e.substring(0, t);
-  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(n))
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : c(9, e));
-  let r = e.substring(t + 1, e.length - 1), s;
-  if (n === "color") {
-    if (r = r.split(" "), s = r.shift(), r.length === 4 && r[3].charAt(0) === "/" && (r[3] = r[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(s))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${s}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : c(10, s));
-  } else
-    r = r.split(",");
-  return r = r.map((u) => parseFloat(u)), {
-    type: n,
-    values: r,
-    colorSpace: s
-  };
-}
-const E = (e) => {
-  const t = a(e);
-  return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
-}, O = (e, t) => {
-  try {
-    return E(e);
-  } catch {
-    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
-  }
+import { c as p } from "./ui-components.es17.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es86.js";
+const E = (t, r, h) => {
+  const e = p.c(5), o = 200, u = b(0);
+  let s, n;
+  e[0] !== r || e[1] !== t || e[2] !== o ? (s = () => {
+    const c = t.current;
+    if (!c)
+      return;
+    const f = z(() => {
+      const i = c.offsetWidth;
+      i !== u.current && (u.current = i, r());
+    }, o), d = new ResizeObserver((i) => {
+      for (const m of i)
+        m.borderBoxSize && f();
+    });
+    return d.observe(c), () => {
+      f.clear(), d.disconnect();
+    };
+  }, n = [t, r, o], e[0] = r, e[1] = t, e[2] = o, e[3] = s, e[4] = n) : (s = e[3], n = e[4]), v(s, n);
 };
-function p(e) {
-  const {
-    type: t,
-    colorSpace: n
-  } = e;
-  let {
-    values: r
-  } = e;
-  return t.includes("rgb") ? r = r.map((s, u) => u < 3 ? parseInt(s, 10) : s) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
-}
-function $(e) {
-  e = a(e);
-  const {
-    values: t
-  } = e, n = t[0], r = t[1] / 100, s = t[2] / 100, u = r * Math.min(s, 1 - s), i = (y, d = (y + n / 30) % 12) => s - u * Math.max(Math.min(d - 3, 9 - d, 1), -1);
-  let o = "rgb";
-  const f = [Math.round(i(0) * 255), Math.round(i(8) * 255), Math.round(i(4) * 255)];
-  return e.type === "hsla" && (o += "a", f.push(t[3])), p({
-    type: o,
-    values: f
-  });
-}
-function h(e) {
-  e = a(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? a($(e)).values : e.values;
-  return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
-}
-function w(e, t) {
-  const n = h(e), r = h(t);
-  return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
-}
-function N(e, t) {
-  return e = a(e), t = l(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, p(e);
-}
-function V(e, t, n) {
-  try {
-    return N(e, t);
-  } catch {
-    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
-  }
-}
-function g(e, t) {
-  if (e = a(e), t = l(t), e.type.includes("hsl"))
-    e.values[2] *= 1 - t;
-  else if (e.type.includes("rgb") || e.type.includes("color"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] *= 1 - t;
-  return p(e);
-}
-function C(e, t, n) {
-  try {
-    return g(e, t);
-  } catch {
-    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
-  }
-}
-function m(e, t) {
-  if (e = a(e), t = l(t), e.type.includes("hsl"))
-    e.values[2] += (100 - e.values[2]) * t;
-  else if (e.type.includes("rgb"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (255 - e.values[n]) * t;
-  else if (e.type.includes("color"))
-    for (let n = 0; n < 3; n += 1)
-      e.values[n] += (1 - e.values[n]) * t;
-  return p(e);
-}
-function I(e, t, n) {
-  try {
-    return m(e, t);
-  } catch {
-    return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
-  }
-}
-function M(e, t = 0.15) {
-  return h(e) > 0.5 ? g(e, t) : m(e, t);
-}
-function T(e, t, n) {
-  try {
-    return M(e, t);
-  } catch {
-    return e;
-  }
-}
 export {
-  N as alpha,
-  E as colorChannel,
-  g as darken,
-  a as decomposeColor,
-  M as emphasize,
-  w as getContrastRatio,
-  h as getLuminance,
-  v as hexToRgb,
-  $ as hslToRgb,
-  m as lighten,
-  V as private_safeAlpha,
-  O as private_safeColorChannel,
-  C as private_safeDarken,
-  T as private_safeEmphasize,
-  I as private_safeLighten,
-  p as recomposeColor
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es52.js.map

package/dist/ui-components.es52.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es52.js","sources":["../../../node_modules/.pnpm/@mui+system@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+st_100059df2673d7a323eb0d2da91385ea/node_modules/@mui/system/esm/colorManipulator/colorManipulator.js"],"sourcesContent":["import _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\n/* eslint-disable @typescript-eslint/naming-convention */\nimport clamp from '@mui/utils/clamp';\n\n/**\n * Returns a number whose value is limited to the given range.\n * @param {number} value The value to be clamped\n * @param {number} min The lower boundary of the output range\n * @param {number} max The upper boundary of the output range\n * @returns {number} A number in the range [min, max]\n */\nfunction clampWrapper(value, min = 0, max = 1) {\n  if (process.env.NODE_ENV !== 'production') {\n    if (value < min || value > max) {\n      console.error(`MUI: The value provided ${value} is out of range [${min}, ${max}].`);\n    }\n  }\n  return clamp(value, min, max);\n}\n\n/**\n * Converts a color from CSS hex format to CSS rgb format.\n * @param {string} color - Hex color, i.e. #nnn or #nnnnnn\n * @returns {string} A CSS rgb color string\n */\nexport function hexToRgb(color) {\n  color = color.slice(1);\n  const re = new RegExp(`.{1,${color.length >= 6 ? 2 : 1}}`, 'g');\n  let colors = color.match(re);\n  if (colors && colors[0].length === 1) {\n    colors = colors.map(n => n + n);\n  }\n  if (process.env.NODE_ENV !== 'production') {\n    if (color.length !== color.trim().length) {\n      console.error(`MUI: The color: \"${color}\" is invalid. Make sure the color input doesn't contain leading/trailing space.`);\n    }\n  }\n  return colors ? `rgb${colors.length === 4 ? 'a' : ''}(${colors.map((n, index) => {\n    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1000) / 1000;\n  }).join(', ')})` : '';\n}\nfunction intToHex(int) {\n  const hex = int.toString(16);\n  return hex.length === 1 ? `0${hex}` : hex;\n}\n\n/**\n * Returns an object with the type and values of a color.\n *\n * Note: Does not support rgb % values.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {object} - A MUI color object: {type: string, values: number[]}\n */\nexport function decomposeColor(color) {\n  // Idempotent\n  if (color.type) {\n    return color;\n  }\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker);\n  if (!['rgb', 'rgba', 'hsl', 'hsla', 'color'].includes(type)) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: Unsupported \\`${color}\\` color.\\n` + 'The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().' : _formatErrorMessage(9, color));\n  }\n  let values = color.substring(marker + 1, color.length - 1);\n  let colorSpace;\n  if (type === 'color') {\n    values = values.split(' ');\n    colorSpace = values.shift();\n    if (values.length === 4 && values[3].charAt(0) === '/') {\n      values[3] = values[3].slice(1);\n    }\n    if (!['srgb', 'display-p3', 'a98-rgb', 'prophoto-rgb', 'rec-2020'].includes(colorSpace)) {\n      throw new Error(process.env.NODE_ENV !== \"production\" ? `MUI: unsupported \\`${colorSpace}\\` color space.\\n` + 'The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.' : _formatErrorMessage(10, colorSpace));\n    }\n  } else {\n    values = values.split(',');\n  }\n  values = values.map(value => parseFloat(value));\n  return {\n    type,\n    values,\n    colorSpace\n  };\n}\n\n/**\n * Returns a channel created from the input color.\n *\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {string} - The channel for the color, that can be used in rgba or hsla colors\n */\nexport const colorChannel = color => {\n  const decomposedColor = decomposeColor(color);\n  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.includes('hsl') && idx !== 0 ? `${val}%` : val).join(' ');\n};\nexport const private_safeColorChannel = (color, warning) => {\n  try {\n    return colorChannel(color);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n};\n\n/**\n * Converts a color object with type and values to a string.\n * @param {object} color - Decomposed color\n * @param {string} color.type - One of: 'rgb', 'rgba', 'hsl', 'hsla', 'color'\n * @param {array} color.values - [n,n,n] or [n,n,n,n]\n * @returns {string} A CSS color string\n */\nexport function recomposeColor(color) {\n  const {\n    type,\n    colorSpace\n  } = color;\n  let {\n    values\n  } = color;\n  if (type.includes('rgb')) {\n    // Only convert the first 3 values to int (i.e. not alpha)\n    values = values.map((n, i) => i < 3 ? parseInt(n, 10) : n);\n  } else if (type.includes('hsl')) {\n    values[1] = `${values[1]}%`;\n    values[2] = `${values[2]}%`;\n  }\n  if (type.includes('color')) {\n    values = `${colorSpace} ${values.join(' ')}`;\n  } else {\n    values = `${values.join(', ')}`;\n  }\n  return `${type}(${values})`;\n}\n\n/**\n * Converts a color from CSS rgb format to CSS hex format.\n * @param {string} color - RGB color, i.e. rgb(n, n, n)\n * @returns {string} A CSS rgb color string, i.e. #nnnnnn\n */\nexport function rgbToHex(color) {\n  // Idempotent\n  if (color.startsWith('#')) {\n    return color;\n  }\n  const {\n    values\n  } = decomposeColor(color);\n  return `#${values.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join('')}`;\n}\n\n/**\n * Converts a color from hsl format to rgb format.\n * @param {string} color - HSL color values\n * @returns {string} rgb color values\n */\nexport function hslToRgb(color) {\n  color = decomposeColor(color);\n  const {\n    values\n  } = color;\n  const h = values[0];\n  const s = values[1] / 100;\n  const l = values[2] / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n  let type = 'rgb';\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (color.type === 'hsla') {\n    type += 'a';\n    rgb.push(values[3]);\n  }\n  return recomposeColor({\n    type,\n    values: rgb\n  });\n}\n/**\n * The relative brightness of any point in a color space,\n * normalized to 0 for darkest black and 1 for lightest white.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @returns {number} The relative brightness of the color in the range 0 - 1\n */\nexport function getLuminance(color) {\n  color = decomposeColor(color);\n  let rgb = color.type === 'hsl' || color.type === 'hsla' ? decomposeColor(hslToRgb(color)).values : color.values;\n  rgb = rgb.map(val => {\n    if (color.type !== 'color') {\n      val /= 255; // normalized\n    }\n    return val <= 0.03928 ? val / 12.92 : ((val + 0.055) / 1.055) ** 2.4;\n  });\n\n  // Truncate at 3 digits\n  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));\n}\n\n/**\n * Calculates the contrast ratio between two colors.\n *\n * Formula: https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @param {string} foreground - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @param {string} background - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()\n * @returns {number} A contrast ratio value in the range 0 - 21.\n */\nexport function getContrastRatio(foreground, background) {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/**\n * Sets the absolute transparency of a color.\n * Any existing alpha values are overwritten.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} value - value to set the alpha channel to in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function alpha(color, value) {\n  color = decomposeColor(color);\n  value = clampWrapper(value);\n  if (color.type === 'rgb' || color.type === 'hsl') {\n    color.type += 'a';\n  }\n  if (color.type === 'color') {\n    color.values[3] = `/${value}`;\n  } else {\n    color.values[3] = value;\n  }\n  return recomposeColor(color);\n}\nexport function private_safeAlpha(color, value, warning) {\n  try {\n    return alpha(color, value);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darkens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function darken(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.includes('hsl')) {\n    color.values[2] *= 1 - coefficient;\n  } else if (color.type.includes('rgb') || color.type.includes('color')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] *= 1 - coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeDarken(color, coefficient, warning) {\n  try {\n    return darken(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Lightens a color.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function lighten(color, coefficient) {\n  color = decomposeColor(color);\n  coefficient = clampWrapper(coefficient);\n  if (color.type.includes('hsl')) {\n    color.values[2] += (100 - color.values[2]) * coefficient;\n  } else if (color.type.includes('rgb')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (255 - color.values[i]) * coefficient;\n    }\n  } else if (color.type.includes('color')) {\n    for (let i = 0; i < 3; i += 1) {\n      color.values[i] += (1 - color.values[i]) * coefficient;\n    }\n  }\n  return recomposeColor(color);\n}\nexport function private_safeLighten(color, coefficient, warning) {\n  try {\n    return lighten(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Darken or lighten a color, depending on its luminance.\n * Light colors are darkened, dark colors are lightened.\n * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()\n * @param {number} coefficient=0.15 - multiplier in the range 0 - 1\n * @returns {string} A CSS color string. Hex input values are returned as rgb\n */\nexport function emphasize(color, coefficient = 0.15) {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\nexport function private_safeEmphasize(color, coefficient, warning) {\n  try {\n    return emphasize(color, coefficient);\n  } catch (error) {\n    if (warning && process.env.NODE_ENV !== 'production') {\n      console.warn(warning);\n    }\n    return color;\n  }\n}\n\n/**\n * Blend a transparent overlay color with a background color, resulting in a single\n * RGB color.\n * @param {string} background - CSS color\n * @param {string} overlay - CSS color\n * @param {number} opacity - Opacity multiplier in the range 0 - 1\n * @param {number} [gamma=1.0] - Gamma correction factor. For gamma-correct blending, 2.2 is usual.\n */\nexport function blend(background, overlay, opacity, gamma = 1.0) {\n  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);\n  const backgroundColor = decomposeColor(background);\n  const overlayColor = decomposeColor(overlay);\n  const rgb = [blendChannel(backgroundColor.values[0], overlayColor.values[0]), blendChannel(backgroundColor.values[1], overlayColor.values[1]), blendChannel(backgroundColor.values[2], overlayColor.values[2])];\n  return recomposeColor({\n    type: 'rgb',\n    values: rgb\n  });\n}"],"names":["clampWrapper","value","min","max","clamp","hexToRgb","color","re","colors","n","index","decomposeColor","marker","type","_formatErrorMessage","values","colorSpace","colorChannel","decomposedColor","val","idx","private_safeColorChannel","warning","recomposeColor","i","hslToRgb","h","s","l","a","f","k","rgb","getLuminance","getContrastRatio","foreground","background","lumA","lumB","alpha","private_safeAlpha","darken","coefficient","private_safeDarken","lighten","private_safeLighten","emphasize","private_safeEmphasize"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es52.js","sources":["../src/components/Table/useContainerResize.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { debounce } from \"@mui/material/utils\";\n\n/**\n * Hook that monitors a container element's width changes and triggers a callback\n * when the width changes (debounced to avoid excessive calls).\n *\n * @param containerRef - Ref to the container element to monitor\n * @param callback - Function to call when width changes\n * @param debounceMs - Debounce delay in milliseconds (default: 200)\n */\nexport const useContainerResize = (\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  callback: () => void,\n  debounceMs: number = 200\n): void => {\n  const prevWidth = useRef<number>(0);\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    const debouncedResize = debounce(() => {\n      const newWidth = container.offsetWidth;\n\n      // ONLY trigger if the actual pixel width of the container changed.\n      // This ignores cases where the grid content expands horizontally\n      // but the container remains the same size.\n      if (newWidth !== prevWidth.current) {\n        prevWidth.current = newWidth;\n        callback();\n      }\n    }, debounceMs);\n\n    const observer = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        // Use borderBoxSize for more accurate external boundary measurement\n        if (entry.borderBoxSize) {\n          debouncedResize();\n        }\n      }\n    });\n\n    observer.observe(container);\n\n    return () => {\n      debouncedResize.clear();\n      observer.disconnect();\n    };\n  }, [containerRef, callback, debounceMs]);\n};\n"],"names":["useContainerResize","containerRef","callback","t0","$","_c","debounceMs","prevWidth","useRef","t1","t2","container","current","debouncedResize","debounce","newWidth","offsetWidth","observer","ResizeObserver","entries","entry","borderBoxSize","observe","clear","disconnect","useEffect"],"mappings":";;;AAWO,MAAMA,IAAqBA,CAAAC,GAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAGhCC,IAAA,KAEAC,IAAkBC,EAAe,CAAC;AAAE,MAAAC,GAAAC;AAAA,EAAAN,EAAA,CAAA,MAAAF,KAAAE,SAAAH,KAAAG,EAAA,CAAA,MAAAE,KAE1BG,IAAAA,MAAA;AACR,UAAAE,IAAkBV,EAAYW;AAC9B,QAAI,CAACD;AAAS;AAEd,UAAAE,IAAwBC,EAAS,MAAA;AAC/B,YAAAC,IAAiBJ,EAASK;AAK1B,MAAID,MAAaR,EAASK,YACxBL,EAASK,UAAWG,GACpBb,EAAAA;AAAAA,IACD,GACAI,CAAU,GAEbW,IAAiB,IAAIC,eAAeC,CAAAA,MAAA;AAClC,iBAAKC,KAAeD;AAElB,QAAIC,EAAKC,iBACPR,EAAAA;AAAAA,IAEH,CACF;AAEDI,WAAAA,EAAQK,QAASX,CAAS,GAEnB,MAAA;AACLE,MAAAA,EAAeU,MAAAA,GACfN,EAAQO,WAAAA;AAAAA,IAAa;AAAA,EACtB,GACAd,KAACT,GAAcC,GAAUI,CAAU,GAACF,OAAAF,GAAAE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAK,GAAAL,OAAAM,MAAAD,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,IA/BvCqB,EAAUhB,GA+BPC,CAAoC;AAAC;"}