@weng-lab/ui-components 3.0.0 → 3.0.1-beta.1

package/dist/ui-components.es32.js

@@ -1,44 +1,256 @@
-function s(e, r) {
-  switch (r.type) {
-    //This case has no dispatch event
-    case "pageChanged":
-      return {
-        ...e,
-        page: r.page
-      };
-    case "searchChanged":
-      return {
-        ...e,
-        page: 0,
-        filter: r.value
-      };
-    case "sortChanged":
-      return {
-        ...e,
-        sort: {
-          column: r.sortColumn,
-          asc: r.sortColumn === e.sort.column ? !e.sort.asc : !0
+import * as v from "react";
+import { clsx as w } from "./ui-components.es92.js";
+import t from "./ui-components.es89.js";
+import C from "./ui-components.es93.js";
+import { getSkeletonUtilityClass as k } from "./ui-components.es94.js";
+import { j as x } from "./ui-components.es15.js";
+import R from "./ui-components.es50.js";
+import { getUnit as O, toUnitless as T } from "./ui-components.es95.js";
+import { useDefaultProps as $ } from "./ui-components.es96.js";
+import S from "./ui-components.es97.js";
+import { keyframes as f, css as h } from "@emotion/react";
+const j = (e) => {
+  const {
+    classes: n,
+    variant: o,
+    animation: a,
+    hasChildren: r,
+    width: s,
+    height: i
+  } = e;
+  return S({
+    root: ["root", o, a, r && "withChildren", r && !s && "fitContent", r && !i && "heightAuto"]
+  }, k, n);
+}, l = f`
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+`, p = f`
+  0% {
+    transform: translateX(-100%);
+  }
+
+  50% {
+    /* +0.5s of delay between each loop */
+    transform: translateX(100%);
+  }
+
+  100% {
+    transform: translateX(100%);
+  }
+`, N = typeof l != "string" ? h`
+        animation: ${l} 2s ease-in-out 0.5s infinite;
+      ` : null, U = typeof p != "string" ? h`
+        &::after {
+          animation: ${p} 2s linear 0.5s infinite;
         }
-      };
-    case "modalChanged":
-      return {
-        ...e,
-        showAddColumnsModal: r.showAddColumnsModal
-      };
-    case "columnsChanged":
-      return {
-        ...e,
-        columns: r.columns
-      };
-    //Bypassing this for now, not understood why it was implemented this way
-    case "mousedOver":
-      return console.log("moused over"), {
-        ...e,
-        mousedOver: r.index
-      };
+      ` : null, A = R("span", {
+  name: "MuiSkeleton",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: o
+    } = e;
+    return [n.root, n[o.variant], o.animation !== !1 && n[o.animation], o.hasChildren && n.withChildren, o.hasChildren && !o.width && n.fitContent, o.hasChildren && !o.height && n.heightAuto];
   }
-}
+})(C(({
+  theme: e
+}) => {
+  const n = O(e.shape.borderRadius) || "px", o = T(e.shape.borderRadius);
+  return {
+    display: "block",
+    // Create a "on paper" color with sufficient contrast retaining the color
+    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : e.alpha(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
+    height: "1.2em",
+    variants: [{
+      props: {
+        variant: "text"
+      },
+      style: {
+        marginTop: 0,
+        marginBottom: 0,
+        height: "auto",
+        transformOrigin: "0 55%",
+        transform: "scale(1, 0.60)",
+        borderRadius: `${o}${n}/${Math.round(o / 0.6 * 10) / 10}${n}`,
+        "&:empty:before": {
+          content: '"\\00a0"'
+        }
+      }
+    }, {
+      props: {
+        variant: "circular"
+      },
+      style: {
+        borderRadius: "50%"
+      }
+    }, {
+      props: {
+        variant: "rounded"
+      },
+      style: {
+        borderRadius: (e.vars || e).shape.borderRadius
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren,
+      style: {
+        "& > *": {
+          visibility: "hidden"
+        }
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren && !a.width,
+      style: {
+        maxWidth: "fit-content"
+      }
+    }, {
+      props: ({
+        ownerState: a
+      }) => a.hasChildren && !a.height,
+      style: {
+        height: "auto"
+      }
+    }, {
+      props: {
+        animation: "pulse"
+      },
+      style: N || {
+        animation: `${l} 2s ease-in-out 0.5s infinite`
+      }
+    }, {
+      props: {
+        animation: "wave"
+      },
+      style: {
+        position: "relative",
+        overflow: "hidden",
+        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
+        WebkitMaskImage: "-webkit-radial-gradient(white, black)",
+        "&::after": {
+          background: `linear-gradient(
+                90deg,
+                transparent,
+                ${(e.vars || e).palette.action.hover},
+                transparent
+              )`,
+          content: '""',
+          position: "absolute",
+          transform: "translateX(-100%)",
+          bottom: 0,
+          left: 0,
+          right: 0,
+          top: 0
+        }
+      }
+    }, {
+      props: {
+        animation: "wave"
+      },
+      style: U || {
+        "&::after": {
+          animation: `${p} 2s linear 0.5s infinite`
+        }
+      }
+    }]
+  };
+})), M = /* @__PURE__ */ v.forwardRef(function(n, o) {
+  const a = $({
+    props: n,
+    name: "MuiSkeleton"
+  }), {
+    animation: r = "pulse",
+    className: s,
+    component: i = "span",
+    height: m,
+    style: u,
+    variant: y = "text",
+    width: g,
+    ...c
+  } = a, d = {
+    ...a,
+    animation: r,
+    component: i,
+    variant: y,
+    hasChildren: !!c.children
+  }, b = j(d);
+  return /* @__PURE__ */ x.jsx(A, {
+    as: i,
+    ref: o,
+    className: w(b.root, s),
+    ownerState: d,
+    ...c,
+    style: {
+      width: g,
+      height: m,
+      ...u
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The animation.
+   * If `false` the animation effect is disabled.
+   * @default 'pulse'
+   */
+  animation: t.oneOf(["pulse", "wave", !1]),
+  /**
+   * Optional children to infer width and height from.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * Height of the skeleton.
+   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
+   */
+  height: t.oneOfType([t.number, t.string]),
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  /**
+   * The type of content that will be rendered.
+   * @default 'text'
+   */
+  variant: t.oneOfType([t.oneOf(["circular", "rectangular", "rounded", "text"]), t.string]),
+  /**
+   * Width of the skeleton.
+   * Useful when the skeleton is inside an inline element with no width of its own.
+   */
+  width: t.oneOfType([t.number, t.string])
+});
 export {
-  s as reducer
+  M as default
 };
 //# sourceMappingURL=ui-components.es32.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es32.js","sources":["../src/components/DataTable/reducer.ts"],"sourcesContent":["import { DataTableAction, DataTableState } from \"./types\"\n\nexport function reducer<T>(previousState: DataTableState<T>, action: DataTableAction<T>): DataTableState<T> {\n  switch (action.type) {\n    //This case has no dispatch event\n    case \"pageChanged\":\n      return {\n        ...previousState,\n        page: action.page,\n      }\n    case \"searchChanged\":\n      return {\n        ...previousState,\n        page: 0,\n        filter: action.value,\n      }\n    case \"sortChanged\":\n      return {\n        ...previousState,\n        sort: {\n          column: action.sortColumn,\n          asc: action.sortColumn === previousState.sort.column ? !previousState.sort.asc : true,\n        },\n      }\n    case \"modalChanged\":\n      return {\n        ...previousState,\n        showAddColumnsModal: action.showAddColumnsModal,\n      }\n    case \"columnsChanged\":\n      return {\n        ...previousState,\n        columns: action.columns,\n      }\n    //Bypassing this for now, not understood why it was implemented this way\n    case \"mousedOver\":\n      console.log(\"moused over\")\n      return {\n        ...previousState,\n        mousedOver: action.index,\n      }\n  }\n}\n"],"names":["reducer","previousState","action","type","page","filter","value","sort","column","sortColumn","asc","showAddColumnsModal","columns","console","log","mousedOver","index"],"mappings":"AAEO,SAASA,EAAWC,GAAkCC,GAA+C;AAC1G,UAAQA,EAAOC,MAAAA;AAAAA;AAAAA,IAEb,KAAK;AACH,aAAO;AAAA,QACL,GAAGF;AAAAA,QACHG,MAAMF,EAAOE;AAAAA,MAAAA;AAAAA,IAEjB,KAAK;AACH,aAAO;AAAA,QACL,GAAGH;AAAAA,QACHG,MAAM;AAAA,QACNC,QAAQH,EAAOI;AAAAA,MAAAA;AAAAA,IAEnB,KAAK;AACH,aAAO;AAAA,QACL,GAAGL;AAAAA,QACHM,MAAM;AAAA,UACJC,QAAQN,EAAOO;AAAAA,UACfC,KAAKR,EAAOO,eAAeR,EAAcM,KAAKC,SAAS,CAACP,EAAcM,KAAKG,MAAM;AAAA,QAAA;AAAA,MACnF;AAAA,IAEJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGT;AAAAA,QACHU,qBAAqBT,EAAOS;AAAAA,MAAAA;AAAAA,IAEhC,KAAK;AACH,aAAO;AAAA,QACL,GAAGV;AAAAA,QACHW,SAASV,EAAOU;AAAAA,MAAAA;AAAAA;AAAAA,IAGpB,KAAK;AACHC,qBAAQC,IAAI,aAAa,GAClB;AAAA,QACL,GAAGb;AAAAA,QACHc,YAAYb,EAAOc;AAAAA,MAAAA;AAAAA,EACrB;AAEN;"}
+{"version":3,"file":"ui-components.es32.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/Skeleton/Skeleton.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from \"../styles/index.js\";\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getSkeletonUtilityClass } from \"./skeletonClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    animation,\n    hasChildren,\n    width,\n    height\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']\n  };\n  return composeClasses(slots, getSkeletonUtilityClass, classes);\n};\nconst pulseKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\nconst waveKeyframe = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst pulseAnimation = typeof pulseKeyframe !== 'string' ? css`\n        animation: ${pulseKeyframe} 2s ease-in-out 0.5s infinite;\n      ` : null;\nconst waveAnimation = typeof waveKeyframe !== 'string' ? css`\n        &::after {\n          animation: ${waveKeyframe} 2s linear 0.5s infinite;\n        }\n      ` : null;\nconst SkeletonRoot = styled('span', {\n  name: 'MuiSkeleton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];\n  }\n})(memoTheme(({\n  theme\n}) => {\n  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';\n  const radiusValue = toUnitless(theme.shape.borderRadius);\n  return {\n    display: 'block',\n    // Create a \"on paper\" color with sufficient contrast retaining the color\n    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : theme.alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),\n    height: '1.2em',\n    variants: [{\n      props: {\n        variant: 'text'\n      },\n      style: {\n        marginTop: 0,\n        marginBottom: 0,\n        height: 'auto',\n        transformOrigin: '0 55%',\n        transform: 'scale(1, 0.60)',\n        borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,\n        '&:empty:before': {\n          content: '\"\\\\00a0\"'\n        }\n      }\n    }, {\n      props: {\n        variant: 'circular'\n      },\n      style: {\n        borderRadius: '50%'\n      }\n    }, {\n      props: {\n        variant: 'rounded'\n      },\n      style: {\n        borderRadius: (theme.vars || theme).shape.borderRadius\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren,\n      style: {\n        '& > *': {\n          visibility: 'hidden'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.width,\n      style: {\n        maxWidth: 'fit-content'\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.height,\n      style: {\n        height: 'auto'\n      }\n    }, {\n      props: {\n        animation: 'pulse'\n      },\n      style: pulseAnimation || {\n        animation: `${pulseKeyframe} 2s ease-in-out 0.5s infinite`\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: {\n        position: 'relative',\n        overflow: 'hidden',\n        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n        WebkitMaskImage: '-webkit-radial-gradient(white, black)',\n        '&::after': {\n          background: `linear-gradient(\n                90deg,\n                transparent,\n                ${(theme.vars || theme).palette.action.hover},\n                transparent\n              )`,\n          content: '\"\"',\n          position: 'absolute',\n          transform: 'translateX(-100%)' /* Avoid flash during server-side hydration */,\n          bottom: 0,\n          left: 0,\n          right: 0,\n          top: 0\n        }\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: waveAnimation || {\n        '&::after': {\n          animation: `${waveKeyframe} 2s linear 0.5s infinite`\n        }\n      }\n    }]\n  };\n}));\nconst Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSkeleton'\n  });\n  const {\n    animation = 'pulse',\n    className,\n    component = 'span',\n    height,\n    style,\n    variant = 'text',\n    width,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    animation,\n    component,\n    variant,\n    hasChildren: Boolean(other.children)\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(SkeletonRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other,\n    style: {\n      width,\n      height,\n      ...style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.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 animation.\n   * If `false` the animation effect is disabled.\n   * @default 'pulse'\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n  /**\n   * Optional children to infer width and height from.\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   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\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 type of content that will be rendered.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default Skeleton;"],"names":["useUtilityClasses","ownerState","classes","variant","animation","hasChildren","width","height","composeClasses","getSkeletonUtilityClass","pulseKeyframe","keyframes","waveKeyframe","pulseAnimation","css","waveAnimation","SkeletonRoot","styled","props","styles","memoTheme","theme","radiusUnit","getUnit","radiusValue","toUnitless","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es320.js

@@ -1,337 +1,10 @@
-import C from "./ui-components.es359.js";
-import D from "./ui-components.es362.js";
-import o from "./ui-components.es89.js";
-import v from "react";
-import b from "react-dom";
-import T from "./ui-components.es365.js";
-import { timeoutsShape as R } from "./ui-components.es366.js";
-import O from "./ui-components.es363.js";
-import { forceReflow as k } from "./ui-components.es367.js";
-var x = "unmounted", f = "exited", l = "entering", h = "entered", N = "exiting", p = /* @__PURE__ */ (function(d) {
-  D(u, d);
-  function u(i, e) {
-    var t;
-    t = d.call(this, i, e) || this;
-    var n = e, r = n && !n.isMounting ? i.enter : i.appear, s;
-    return t.appearStatus = null, i.in ? r ? (s = f, t.appearStatus = l) : s = h : i.unmountOnExit || i.mountOnEnter ? s = x : s = f, t.state = {
-      status: s
-    }, t.nextCallback = null, t;
-  }
-  u.getDerivedStateFromProps = function(e, t) {
-    var n = e.in;
-    return n && t.status === x ? {
-      status: f
-    } : null;
-  };
-  var a = u.prototype;
-  return a.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, a.componentDidUpdate = function(e) {
-    var t = null;
-    if (e !== this.props) {
-      var n = this.state.status;
-      this.props.in ? n !== l && n !== h && (t = l) : (n === l || n === h) && (t = N);
-    }
-    this.updateStatus(!1, t);
-  }, a.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, a.getTimeouts = function() {
-    var e = this.props.timeout, t, n, r;
-    return t = n = r = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, r = e.appear !== void 0 ? e.appear : n), {
-      exit: t,
-      enter: n,
-      appear: r
-    };
-  }, a.updateStatus = function(e, t) {
-    if (e === void 0 && (e = !1), t !== null)
-      if (this.cancelNextCallback(), t === l) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
-          n && k(n);
-        }
-        this.performEnter(e);
-      } else
-        this.performExit();
-    else this.props.unmountOnExit && this.state.status === f && this.setState({
-      status: x
-    });
-  }, a.performEnter = function(e) {
-    var t = this, n = this.props.enter, r = this.context ? this.context.isMounting : e, s = this.props.nodeRef ? [r] : [b.findDOMNode(this), r], c = s[0], m = s[1], S = this.getTimeouts(), g = r ? S.appear : S.enter;
-    if (!e && !n || T.disabled) {
-      this.safeSetState({
-        status: h
-      }, function() {
-        t.props.onEntered(c);
-      });
-      return;
-    }
-    this.props.onEnter(c, m), this.safeSetState({
-      status: l
-    }, function() {
-      t.props.onEntering(c, m), t.onTransitionEnd(g, function() {
-        t.safeSetState({
-          status: h
-        }, function() {
-          t.props.onEntered(c, m);
-        });
-      });
-    });
-  }, a.performExit = function() {
-    var e = this, t = this.props.exit, n = this.getTimeouts(), r = this.props.nodeRef ? void 0 : b.findDOMNode(this);
-    if (!t || T.disabled) {
-      this.safeSetState({
-        status: f
-      }, function() {
-        e.props.onExited(r);
-      });
-      return;
-    }
-    this.props.onExit(r), this.safeSetState({
-      status: N
-    }, function() {
-      e.props.onExiting(r), e.onTransitionEnd(n.exit, function() {
-        e.safeSetState({
-          status: f
-        }, function() {
-          e.props.onExited(r);
-        });
-      });
-    });
-  }, a.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, a.safeSetState = function(e, t) {
-    t = this.setNextCallback(t), this.setState(e, t);
-  }, a.setNextCallback = function(e) {
-    var t = this, n = !0;
-    return this.nextCallback = function(r) {
-      n && (n = !1, t.nextCallback = null, e(r));
-    }, this.nextCallback.cancel = function() {
-      n = !1;
-    }, this.nextCallback;
-  }, a.onTransitionEnd = function(e, t) {
-    this.setNextCallback(t);
-    var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), r = e == null && !this.props.addEndListener;
-    if (!n || r) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var s = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], c = s[0], m = s[1];
-      this.props.addEndListener(c, m);
-    }
-    e != null && setTimeout(this.nextCallback, e);
-  }, a.render = function() {
-    var e = this.state.status;
-    if (e === x)
-      return null;
-    var t = this.props, n = t.children;
-    t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
-    var r = C(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ v.createElement(O.Provider, {
-        value: null
-      }, typeof n == "function" ? n(e, r) : v.cloneElement(v.Children.only(n), r))
-    );
-  }, u;
-})(v.Component);
-p.contextType = O;
-p.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: o.shape({
-    current: typeof Element > "u" ? o.any : function(d, u, a, i, e, t) {
-      var n = d[u];
-      return o.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(d, u, a, i, e, t);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: o.oneOfType([o.func.isRequired, o.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: o.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: o.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: o.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: o.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: o.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: o.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(u) {
-    var a = R;
-    u.addEndListener || (a = a.isRequired);
-    for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), t = 1; t < i; t++)
-      e[t - 1] = arguments[t];
-    return a.apply(void 0, [u].concat(e));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: o.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: o.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: o.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: o.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: o.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: o.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: o.func
-} : {};
-function E() {
+function l(t) {
+  let e = t.activeElement;
+  for (; e?.shadowRoot?.activeElement != null; )
+    e = e.shadowRoot.activeElement;
+  return e;
 }
-p.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: E,
-  onEntering: E,
-  onEntered: E,
-  onExit: E,
-  onExiting: E,
-  onExited: E
-};
-p.UNMOUNTED = x;
-p.EXITED = f;
-p.ENTERING = l;
-p.ENTERED = h;
-p.EXITING = N;
 export {
-  h as ENTERED,
-  l as ENTERING,
-  f as EXITED,
-  N as EXITING,
-  x as UNMOUNTED,
-  p as default
+  l as default
 };
 //# sourceMappingURL=ui-components.es320.js.map