@weng-lab/ui-components 3.0.1-beta.0 → 3.0.1-beta.2

package/dist/ui-components.es49.js

@@ -1,352 +1,26 @@
-import * as B from "react";
-import o from "./ui-components.es89.js";
-import { clsx as F } from "./ui-components.es92.js";
-import X from "./ui-components.es93.js";
-import Y from "./ui-components.es187.js";
-import { getModalUtilityClass as Z } from "./ui-components.es188.js";
-import C from "./ui-components.es114.js";
-import { j as p } from "./ui-components.es15.js";
-import { useDefaultProps as $ } from "./ui-components.es96.js";
-import H from "./ui-components.es189.js";
-import oo from "./ui-components.es190.js";
-import g from "./ui-components.es40.js";
-import eo from "./ui-components.es191.js";
-import so from "./ui-components.es97.js";
-import to from "./ui-components.es182.js";
-import ro from "./ui-components.es192.js";
-const no = (s) => {
-  const {
-    open: e,
-    exited: t,
-    classes: l
-  } = s;
-  return so({
-    root: ["root", !e && t && "hidden"],
-    backdrop: ["backdrop"]
-  }, Z, l);
-}, lo = g("div", {
-  name: "MuiModal",
-  slot: "Root",
-  overridesResolver: (s, e) => {
-    const {
-      ownerState: t
-    } = s;
-    return [e.root, !t.open && t.exited && e.hidden];
-  }
-})(X(({
-  theme: s
-}) => ({
-  position: "fixed",
-  zIndex: (s.vars || s).zIndex.modal,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  variants: [{
-    props: ({
-      ownerState: e
-    }) => !e.open && e.exited,
-    style: {
-      visibility: "hidden"
-    }
-  }]
-}))), ao = g(eo, {
-  name: "MuiModal",
-  slot: "Backdrop"
-})({
-  zIndex: -1
-}), po = /* @__PURE__ */ B.forwardRef(function(e, t) {
-  const l = $({
-    name: "MuiModal",
-    props: e
-  }), {
-    BackdropComponent: c = ao,
-    BackdropProps: i,
-    classes: co,
-    className: O,
-    closeAfterTransition: v = !1,
-    children: f,
-    container: S,
-    component: w,
-    components: u = {},
-    componentsProps: N = {},
-    disableAutoFocus: b = !1,
-    disableEnforceFocus: T = !1,
-    disableEscapeKeyDown: A = !1,
-    disablePortal: k = !1,
-    disableRestoreFocus: x = !1,
-    disableScrollLock: D = !1,
-    hideBackdrop: P = !1,
-    keepMounted: y = !1,
-    onClose: io,
-    onTransitionEnter: mo,
-    onTransitionExited: fo,
-    open: h,
-    slotProps: I = {},
-    slots: z = {},
-    // eslint-disable-next-line react/prop-types
-    theme: uo,
-    ...L
-  } = l, E = {
-    ...l,
-    closeAfterTransition: v,
-    disableAutoFocus: b,
-    disableEnforceFocus: T,
-    disableEscapeKeyDown: A,
-    disablePortal: k,
-    disableRestoreFocus: x,
-    disableScrollLock: D,
-    hideBackdrop: P,
-    keepMounted: y
-  }, {
-    getRootProps: q,
-    getBackdropProps: K,
-    getTransitionProps: U,
-    portalRef: V,
-    isTopModal: W,
-    exited: R,
-    hasTransition: M
-  } = Y({
-    ...E,
-    rootRef: t
-  }), r = {
-    ...E,
-    exited: R
-  }, d = no(r), a = {};
-  if (f.props.tabIndex === void 0 && (a.tabIndex = "-1"), M) {
-    const {
-      onEnter: n,
-      onExited: m
-    } = U();
-    a.onEnter = n, a.onExited = m;
-  }
-  const j = {
-    slots: {
-      root: u.Root,
-      backdrop: u.Backdrop,
-      ...z
-    },
-    slotProps: {
-      ...N,
-      ...I
-    }
-  }, [_, G] = C("root", {
-    ref: t,
-    elementType: lo,
-    externalForwardedProps: {
-      ...j,
-      ...L,
-      component: w
-    },
-    getSlotProps: q,
-    ownerState: r,
-    className: F(O, d?.root, !r.open && r.exited && d?.hidden)
-  }), [J, Q] = C("backdrop", {
-    ref: i?.ref,
-    elementType: c,
-    externalForwardedProps: j,
-    shouldForwardComponentProp: !0,
-    additionalProps: i,
-    getSlotProps: (n) => K({
-      ...n,
-      onClick: (m) => {
-        n?.onClick && n.onClick(m);
-      }
-    }),
-    className: F(i?.className, d?.backdrop),
-    ownerState: r
-  });
-  return !y && !h && (!M || R) ? null : /* @__PURE__ */ p.jsx(H, {
-    ref: V,
-    container: S,
-    disablePortal: k,
-    children: /* @__PURE__ */ p.jsxs(_, {
-      ...G,
-      children: [!P && c ? /* @__PURE__ */ p.jsx(J, {
-        ...Q
-      }) : null, /* @__PURE__ */ p.jsx(oo, {
-        disableEnforceFocus: T,
-        disableAutoFocus: b,
-        disableRestoreFocus: x,
-        isEnabled: W,
-        open: h,
-        children: /* @__PURE__ */ B.cloneElement(f, a)
-      })]
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (po.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: o.elementType,
-  /**
-   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps: o.object,
-  /**
-   * A single child content element.
-   */
-  children: to.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: o.object,
-  /**
-   * @ignore
-   */
-  className: o.string,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: o.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: o.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: o.shape({
-    Backdrop: o.elementType,
-    Root: o.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: o.shape({
-    backdrop: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * You can also provide a callback, which is called in a React layout effect.
-   * This lets you set the container from a ref, and also makes server-side rendering possible.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: o.oneOfType([ro, o.func]),
-  /**
-   * If `true`, the modal will not automatically shift focus to itself when it opens, and
-   * replace it to the last focused element when it closes.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: o.bool,
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: o.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: o.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: o.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: o.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: o.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: o.bool,
-  /**
-   * Always keep the children in the DOM.
-   * This prop can be useful in SEO situation or
-   * when you want to maximize the responsiveness of the Modal.
-   * @default false
-   */
-  keepMounted: o.bool,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: o.func,
-  /**
-   * A function called when a transition enters.
-   */
-  onTransitionEnter: o.func,
-  /**
-   * A function called when a transition has exited.
-   */
-  onTransitionExited: o.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: o.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: o.shape({
-    backdrop: o.oneOfType([o.func, o.object]),
-    root: o.oneOfType([o.func, o.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: o.shape({
-    backdrop: o.elementType,
-    root: o.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
-});
+import { c as p } from "./ui-components.es16.js";
+import { useRef as b, useEffect as v } from "react";
+import z from "./ui-components.es82.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);
+};
 export {
-  po as default
+  E as useContainerResize
 };
 //# sourceMappingURL=ui-components.es49.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es49.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/Modal/Modal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport HTMLElementType from '@mui/utils/HTMLElementType';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport FocusTrap from \"../Unstable_TrapFocus/index.js\";\nimport Portal from \"../Portal/index.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport Backdrop from \"../Backdrop/index.js\";\nimport useModal from \"./useModal.js\";\nimport { getModalUtilityClass } from \"./modalClasses.js\";\nimport useSlot from \"../utils/useSlot.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    open,\n    exited,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', !open && exited && 'hidden'],\n    backdrop: ['backdrop']\n  };\n  return composeClasses(slots, getModalUtilityClass, classes);\n};\nconst ModalRoot = styled('div', {\n  name: 'MuiModal',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, !ownerState.open && ownerState.exited && styles.hidden];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  position: 'fixed',\n  zIndex: (theme.vars || theme).zIndex.modal,\n  right: 0,\n  bottom: 0,\n  top: 0,\n  left: 0,\n  variants: [{\n    props: ({\n      ownerState\n    }) => !ownerState.open && ownerState.exited,\n    style: {\n      visibility: 'hidden'\n    }\n  }]\n})));\nconst ModalBackdrop = styled(Backdrop, {\n  name: 'MuiModal',\n  slot: 'Backdrop'\n})({\n  zIndex: -1\n});\n\n/**\n * Modal is a lower-level construct that is leveraged by the following components:\n *\n * - [Dialog](/material-ui/api/dialog/)\n * - [Drawer](/material-ui/api/drawer/)\n * - [Menu](/material-ui/api/menu/)\n * - [Popover](/material-ui/api/popover/)\n *\n * If you are creating a modal dialog, you probably want to use the [Dialog](/material-ui/api/dialog/) component\n * rather than directly using Modal.\n *\n * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).\n */\nconst Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {\n  const props = useDefaultProps({\n    name: 'MuiModal',\n    props: inProps\n  });\n  const {\n    BackdropComponent = ModalBackdrop,\n    BackdropProps,\n    classes: classesProp,\n    className,\n    closeAfterTransition = false,\n    children,\n    container,\n    component,\n    components = {},\n    componentsProps = {},\n    disableAutoFocus = false,\n    disableEnforceFocus = false,\n    disableEscapeKeyDown = false,\n    disablePortal = false,\n    disableRestoreFocus = false,\n    disableScrollLock = false,\n    hideBackdrop = false,\n    keepMounted = false,\n    onClose,\n    onTransitionEnter,\n    onTransitionExited,\n    open,\n    slotProps = {},\n    slots = {},\n    // eslint-disable-next-line react/prop-types\n    theme,\n    ...other\n  } = props;\n  const propsWithDefaults = {\n    ...props,\n    closeAfterTransition,\n    disableAutoFocus,\n    disableEnforceFocus,\n    disableEscapeKeyDown,\n    disablePortal,\n    disableRestoreFocus,\n    disableScrollLock,\n    hideBackdrop,\n    keepMounted\n  };\n  const {\n    getRootProps,\n    getBackdropProps,\n    getTransitionProps,\n    portalRef,\n    isTopModal,\n    exited,\n    hasTransition\n  } = useModal({\n    ...propsWithDefaults,\n    rootRef: ref\n  });\n  const ownerState = {\n    ...propsWithDefaults,\n    exited\n  };\n  const classes = useUtilityClasses(ownerState);\n  const childProps = {};\n  if (children.props.tabIndex === undefined) {\n    childProps.tabIndex = '-1';\n  }\n\n  // It's a Transition like component\n  if (hasTransition) {\n    const {\n      onEnter,\n      onExited\n    } = getTransitionProps();\n    childProps.onEnter = onEnter;\n    childProps.onExited = onExited;\n  }\n  const externalForwardedProps = {\n    slots: {\n      root: components.Root,\n      backdrop: components.Backdrop,\n      ...slots\n    },\n    slotProps: {\n      ...componentsProps,\n      ...slotProps\n    }\n  };\n  const [RootSlot, rootProps] = useSlot('root', {\n    ref,\n    elementType: ModalRoot,\n    externalForwardedProps: {\n      ...externalForwardedProps,\n      ...other,\n      component\n    },\n    getSlotProps: getRootProps,\n    ownerState,\n    className: clsx(className, classes?.root, !ownerState.open && ownerState.exited && classes?.hidden)\n  });\n  const [BackdropSlot, backdropProps] = useSlot('backdrop', {\n    ref: BackdropProps?.ref,\n    elementType: BackdropComponent,\n    externalForwardedProps,\n    shouldForwardComponentProp: true,\n    additionalProps: BackdropProps,\n    getSlotProps: otherHandlers => {\n      return getBackdropProps({\n        ...otherHandlers,\n        onClick: event => {\n          if (otherHandlers?.onClick) {\n            otherHandlers.onClick(event);\n          }\n        }\n      });\n    },\n    className: clsx(BackdropProps?.className, classes?.backdrop),\n    ownerState\n  });\n  if (!keepMounted && !open && (!hasTransition || exited)) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(Portal, {\n    ref: portalRef,\n    container: container,\n    disablePortal: disablePortal,\n    children: /*#__PURE__*/_jsxs(RootSlot, {\n      ...rootProps,\n      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/_jsx(BackdropSlot, {\n        ...backdropProps\n      }) : null, /*#__PURE__*/_jsx(FocusTrap, {\n        disableEnforceFocus: disableEnforceFocus,\n        disableAutoFocus: disableAutoFocus,\n        disableRestoreFocus: disableRestoreFocus,\n        isEnabled: isTopModal,\n        open: open,\n        children: /*#__PURE__*/React.cloneElement(children, childProps)\n      })]\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Modal.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   * A backdrop component. This prop enables custom backdrop rendering.\n   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.\n   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.\n   * @default styled(Backdrop, {\n   *   name: 'MuiModal',\n   *   slot: 'Backdrop',\n   * })({\n   *   zIndex: -1,\n   * })\n   */\n  BackdropComponent: PropTypes.elementType,\n  /**\n   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.\n   * @deprecated Use `slotProps.backdrop` instead.\n   */\n  BackdropProps: PropTypes.object,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\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   * When set to true the Modal waits until a nested Transition is completed before closing.\n   * @default false\n   */\n  closeAfterTransition: PropTypes.bool,\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   * The components used for each slot inside.\n   *\n   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  components: PropTypes.shape({\n    Backdrop: PropTypes.elementType,\n    Root: PropTypes.elementType\n  }),\n  /**\n   * The extra props for the slot components.\n   * You can override the existing props or add new ones.\n   *\n   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   *\n   * @default {}\n   */\n  componentsProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * An HTML element or function that returns one.\n   * The `container` will have the portal children appended to it.\n   *\n   * You can also provide a callback, which is called in a React layout effect.\n   * This lets you set the container from a ref, and also makes server-side rendering possible.\n   *\n   * By default, it uses the body of the top-level document object,\n   * so it's simply `document.body` most of the time.\n   */\n  container: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.func]),\n  /**\n   * If `true`, the modal will not automatically shift focus to itself when it opens, and\n   * replace it to the last focused element when it closes.\n   * This also works correctly with any modal children that have the `disableAutoFocus` prop.\n   *\n   * Generally this should never be set to `true` as it makes the modal less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableAutoFocus: PropTypes.bool,\n  /**\n   * If `true`, the modal will not prevent focus from leaving the modal while open.\n   *\n   * Generally this should never be set to `true` as it makes the modal less\n   * accessible to assistive technologies, like screen readers.\n   * @default false\n   */\n  disableEnforceFocus: PropTypes.bool,\n  /**\n   * If `true`, hitting escape will not fire the `onClose` callback.\n   * @default false\n   */\n  disableEscapeKeyDown: PropTypes.bool,\n  /**\n   * The `children` will be under the DOM hierarchy of the parent component.\n   * @default false\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * If `true`, the modal will not restore focus to previously focused element once\n   * modal is hidden or unmounted.\n   * @default false\n   */\n  disableRestoreFocus: PropTypes.bool,\n  /**\n   * Disable the scroll lock behavior.\n   * @default false\n   */\n  disableScrollLock: PropTypes.bool,\n  /**\n   * If `true`, the backdrop is not rendered.\n   * @default false\n   */\n  hideBackdrop: PropTypes.bool,\n  /**\n   * Always keep the children in the DOM.\n   * This prop can be useful in SEO situation or\n   * when you want to maximize the responsiveness of the Modal.\n   * @default false\n   */\n  keepMounted: PropTypes.bool,\n  /**\n   * Callback fired when the component requests to be closed.\n   * The `reason` parameter can optionally be used to control the response to `onClose`.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func,\n  /**\n   * A function called when a transition enters.\n   */\n  onTransitionEnter: PropTypes.func,\n  /**\n   * A function called when a transition has exited.\n   */\n  onTransitionExited: PropTypes.func,\n  /**\n   * If `true`, the component is shown.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * The props used for each slot inside the Modal.\n   * @default {}\n   */\n  slotProps: PropTypes.shape({\n    backdrop: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])\n  }),\n  /**\n   * The components used for each slot inside the Modal.\n   * Either a string to use a HTML element or a component.\n   * @default {}\n   */\n  slots: PropTypes.shape({\n    backdrop: PropTypes.elementType,\n    root: PropTypes.elementType\n  }),\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} : void 0;\nexport default Modal;"],"names":["useUtilityClasses","ownerState","open","exited","classes","composeClasses","getModalUtilityClass","ModalRoot","styled","props","styles","memoTheme","theme","ModalBackdrop","Backdrop","Modal","React","inProps","ref","useDefaultProps","BackdropComponent","BackdropProps","classesProp","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onClose","onTransitionEnter","onTransitionExited","slotProps","slots","other","propsWithDefaults","getRootProps","getBackdropProps","getTransitionProps","portalRef","isTopModal","hasTransition","useModal","childProps","onEnter","onExited","externalForwardedProps","RootSlot","rootProps","useSlot","clsx","BackdropSlot","backdropProps","otherHandlers","event","_jsx","Portal","_jsxs","FocusTrap","PropTypes","elementAcceptingRef","HTMLElementType"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es49.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;"}

package/dist/ui-components.es5.js

@@ -2,12 +2,12 @@ import { j as c } from "./ui-components.es15.js";
 import { c as y } from "./ui-components.es16.js";
 import { useGridApiRef as E, useKeepGroupedColumnsHidden as z, DataGridPremium as P } from "@mui/x-data-grid-premium";
 import { useRef as k, useMemo as A, useCallback as D, useEffect as j } from "react";
-import w from "./ui-components.es17.js";
-import { CustomToolbar as G } from "./ui-components.es18.js";
-import { HeaderWithTooltip as $ } from "./ui-components.es19.js";
-import { useContainerResize as F } from "./ui-components.es20.js";
-import M from "./ui-components.es21.js";
-import O from "./ui-components.es22.js";
+import w from "./ui-components.es46.js";
+import { CustomToolbar as G } from "./ui-components.es47.js";
+import { HeaderWithTooltip as $ } from "./ui-components.es48.js";
+import { useContainerResize as F } from "./ui-components.es49.js";
+import M from "./ui-components.es50.js";
+import O from "./ui-components.es51.js";
 const C = {
   expand: !0,
   includeHeaders: !0,