@weng-lab/ui-components 3.0.1 → 3.1.0

package/dist/ui-components.es139.js

@@ -1,241 +1,10 @@
-import * as o from "react";
-import e from "./ui-components.es89.js";
-import { clsx as q } from "./ui-components.es88.js";
-import { isAdornedStart as L, isFilled as I } from "./ui-components.es222.js";
-import V from "./ui-components.es207.js";
-import { getFormControlUtilityClasses as _ } from "./ui-components.es307.js";
-import { j as B } from "./ui-components.es15.js";
-import { useDefaultProps as $ } from "./ui-components.es93.js";
-import v from "./ui-components.es186.js";
-import M from "./ui-components.es115.js";
-import G from "./ui-components.es94.js";
-import H from "./ui-components.es34.js";
-const J = (a) => {
-  const {
-    classes: t,
-    margin: n,
-    fullWidth: u
-  } = a, s = {
-    root: ["root", n !== "none" && `margin${M(n)}`, u && "fullWidth"]
-  };
-  return G(s, _, t);
-}, K = H("div", {
-  name: "MuiFormControl",
-  slot: "Root",
-  overridesResolver: (a, t) => {
-    const {
-      ownerState: n
-    } = a;
-    return [t.root, t[`margin${M(n.margin)}`], n.fullWidth && t.fullWidth];
-  }
-})({
-  display: "inline-flex",
-  flexDirection: "column",
-  position: "relative",
-  // Reset fieldset default style.
-  minWidth: 0,
-  padding: 0,
-  margin: 0,
-  border: 0,
-  verticalAlign: "top",
-  // Fix alignment issue on Safari.
-  variants: [{
-    props: {
-      margin: "normal"
-    },
-    style: {
-      marginTop: 16,
-      marginBottom: 8
-    }
-  }, {
-    props: {
-      margin: "dense"
-    },
-    style: {
-      marginTop: 8,
-      marginBottom: 4
-    }
-  }, {
-    props: {
-      fullWidth: !0
-    },
-    style: {
-      width: "100%"
-    }
-  }]
-}), Q = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const u = $({
-    props: t,
-    name: "MuiFormControl"
-  }), {
-    children: s,
-    className: A,
-    color: f = "primary",
-    component: F = "div",
-    disabled: i = !1,
-    error: m = !1,
-    focused: S,
-    fullWidth: c = !1,
-    hiddenLabel: p = !1,
-    margin: D = "none",
-    required: d = !1,
-    size: g = "medium",
-    variant: y = "outlined",
-    ...P
-  } = u, x = {
-    ...u,
-    color: f,
-    component: F,
-    disabled: i,
-    error: m,
-    fullWidth: c,
-    hiddenLabel: p,
-    margin: D,
-    required: d,
-    size: g,
-    variant: y
-  }, z = J(x), [O, U] = o.useState(() => {
-    let l = !1;
-    return s && o.Children.forEach(s, (r) => {
-      if (!v(r, ["Input", "Select"]))
-        return;
-      const w = v(r, ["Select"]) ? r.props.input : r;
-      w && L(w.props) && (l = !0);
-    }), l;
-  }), [T, E] = o.useState(() => {
-    let l = !1;
-    return s && o.Children.forEach(s, (r) => {
-      v(r, ["Input", "Select"]) && (I(r.props, !0) || I(r.props.inputProps, !0)) && (l = !0);
-    }), l;
-  }), [j, h] = o.useState(!1);
-  i && j && h(!1);
-  const W = S !== void 0 && !i ? S : j;
-  let b;
-  const C = o.useRef(!1);
-  process.env.NODE_ENV !== "production" && (b = () => (C.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
-`)), C.current = !0, () => {
-    C.current = !1;
-  }));
-  const N = o.useCallback(() => {
-    E(!0);
-  }, []), R = o.useCallback(() => {
-    E(!1);
-  }, []), k = o.useMemo(() => ({
-    adornedStart: O,
-    setAdornedStart: U,
-    color: f,
-    disabled: i,
-    error: m,
-    filled: T,
-    focused: W,
-    fullWidth: c,
-    hiddenLabel: p,
-    size: g,
-    onBlur: () => {
-      h(!1);
-    },
-    onFocus: () => {
-      h(!0);
-    },
-    onEmpty: R,
-    onFilled: N,
-    registerEffect: b,
-    required: d,
-    variant: y
-  }), [O, f, i, m, T, W, c, p, b, R, N, d, g, y]);
-  return /* @__PURE__ */ B.jsx(V.Provider, {
-    value: k,
-    children: /* @__PURE__ */ B.jsx(K, {
-      as: F,
-      ownerState: x,
-      className: q(z.root, A),
-      ref: n,
-      ...P,
-      children: s
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && (Q.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 color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * If `true`, the label, input and helper text should be displayed in a disabled state.
-   * @default false
-   */
-  disabled: e.bool,
-  /**
-   * If `true`, the label is displayed in an error state.
-   * @default false
-   */
-  error: e.bool,
-  /**
-   * If `true`, the component is displayed in focused state.
-   */
-  focused: e.bool,
-  /**
-   * If `true`, the component will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: e.bool,
-  /**
-   * If `true`, the label is hidden.
-   * This is used to increase density for a `FilledInput`.
-   * Be sure to add `aria-label` to the `input` element.
-   * @default false
-   */
-  hiddenLabel: e.bool,
-  /**
-   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
-   * @default 'none'
-   */
-  margin: e.oneOf(["dense", "none", "normal"]),
-  /**
-   * If `true`, the label will indicate that the `input` is required.
-   * @default false
-   */
-  required: e.bool,
-  /**
-   * The size of the component.
-   * @default 'medium'
-   */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
-  /**
-   * 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 'outlined'
-   */
-  variant: e.oneOf(["filled", "outlined", "standard"])
-});
+import e from "./ui-components.es110.js";
+import i from "./ui-components.es111.js";
+function l(t) {
+  return e("MuiSkeleton", t);
+}
+i("MuiSkeleton", ["root", "text", "rectangular", "rounded", "circular", "pulse", "wave", "withChildren", "fitContent", "heightAuto"]);
 export {
-  Q as default
+  l as getSkeletonUtilityClass
 };
 //# sourceMappingURL=ui-components.es139.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es139.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/FormControl/FormControl.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { styled } from \"../zero-styled/index.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { isFilled, isAdornedStart } from \"../InputBase/utils.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport isMuiElement from \"../utils/isMuiElement.js\";\nimport FormControlContext from \"./FormControlContext.js\";\nimport { getFormControlUtilityClasses } from \"./formControlClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    margin,\n    fullWidth\n  } = ownerState;\n  const slots = {\n    root: ['root', margin !== 'none' && `margin${capitalize(margin)}`, fullWidth && 'fullWidth']\n  };\n  return composeClasses(slots, getFormControlUtilityClasses, classes);\n};\nconst FormControlRoot = styled('div', {\n  name: 'MuiFormControl',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[`margin${capitalize(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth];\n  }\n})({\n  display: 'inline-flex',\n  flexDirection: 'column',\n  position: 'relative',\n  // Reset fieldset default style.\n  minWidth: 0,\n  padding: 0,\n  margin: 0,\n  border: 0,\n  verticalAlign: 'top',\n  // Fix alignment issue on Safari.\n  variants: [{\n    props: {\n      margin: 'normal'\n    },\n    style: {\n      marginTop: 16,\n      marginBottom: 8\n    }\n  }, {\n    props: {\n      margin: 'dense'\n    },\n    style: {\n      marginTop: 8,\n      marginBottom: 4\n    }\n  }, {\n    props: {\n      fullWidth: true\n    },\n    style: {\n      width: '100%'\n    }\n  }]\n});\n\n/**\n * Provides context such as filled/focused/error/required for form inputs.\n * Relying on the context provides high flexibility and ensures that the state always stays\n * consistent across the children of the `FormControl`.\n * This context is used by the following components:\n *\n *  - FormLabel\n *  - FormHelperText\n *  - Input\n *  - InputLabel\n *\n * You can find one composition example below and more going to [the demos](/material-ui/react-text-field/#components).\n *\n * ```jsx\n * <FormControl>\n *   <InputLabel htmlFor=\"my-input\">Email address</InputLabel>\n *   <Input id=\"my-input\" aria-describedby=\"my-helper-text\" />\n *   <FormHelperText id=\"my-helper-text\">We'll never share your email.</FormHelperText>\n * </FormControl>\n * ```\n *\n * ⚠️ Only one `InputBase` can be used within a FormControl because it creates visual inconsistencies.\n * For instance, only one input can be focused at the same time, the state shouldn't be shared.\n */\nconst FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiFormControl'\n  });\n  const {\n    children,\n    className,\n    color = 'primary',\n    component = 'div',\n    disabled = false,\n    error = false,\n    focused: visuallyFocused,\n    fullWidth = false,\n    hiddenLabel = false,\n    margin = 'none',\n    required = false,\n    size = 'medium',\n    variant = 'outlined',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    color,\n    component,\n    disabled,\n    error,\n    fullWidth,\n    hiddenLabel,\n    margin,\n    required,\n    size,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  const [adornedStart, setAdornedStart] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialAdornedStart = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        const input = isMuiElement(child, ['Select']) ? child.props.input : child;\n        if (input && isAdornedStart(input.props)) {\n          initialAdornedStart = true;\n        }\n      });\n    }\n    return initialAdornedStart;\n  });\n  const [filled, setFilled] = React.useState(() => {\n    // We need to iterate through the children and find the Input in order\n    // to fully support server-side rendering.\n    let initialFilled = false;\n    if (children) {\n      React.Children.forEach(children, child => {\n        if (!isMuiElement(child, ['Input', 'Select'])) {\n          return;\n        }\n        if (isFilled(child.props, true) || isFilled(child.props.inputProps, true)) {\n          initialFilled = true;\n        }\n      });\n    }\n    return initialFilled;\n  });\n  const [focusedState, setFocused] = React.useState(false);\n  if (disabled && focusedState) {\n    setFocused(false);\n  }\n  const focused = visuallyFocused !== undefined && !disabled ? visuallyFocused : focusedState;\n  let registerEffect;\n  const registeredInput = React.useRef(false);\n  if (process.env.NODE_ENV !== 'production') {\n    registerEffect = () => {\n      if (registeredInput.current) {\n        console.error(['MUI: There are multiple `InputBase` components inside a FormControl.', 'This creates visual inconsistencies, only use one `InputBase`.'].join('\\n'));\n      }\n      registeredInput.current = true;\n      return () => {\n        registeredInput.current = false;\n      };\n    };\n  }\n  const onFilled = React.useCallback(() => {\n    setFilled(true);\n  }, []);\n  const onEmpty = React.useCallback(() => {\n    setFilled(false);\n  }, []);\n  const childContext = React.useMemo(() => {\n    return {\n      adornedStart,\n      setAdornedStart,\n      color,\n      disabled,\n      error,\n      filled,\n      focused,\n      fullWidth,\n      hiddenLabel,\n      size,\n      onBlur: () => {\n        setFocused(false);\n      },\n      onFocus: () => {\n        setFocused(true);\n      },\n      onEmpty,\n      onFilled,\n      registerEffect,\n      required,\n      variant\n    };\n  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, onEmpty, onFilled, required, size, variant]);\n  return /*#__PURE__*/_jsx(FormControlContext.Provider, {\n    value: childContext,\n    children: /*#__PURE__*/_jsx(FormControlRoot, {\n      as: component,\n      ownerState: ownerState,\n      className: clsx(classes.root, className),\n      ref: ref,\n      ...other,\n      children: children\n    })\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? FormControl.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 color of the component.\n   * It supports both default and custom theme colors, which can be added as shown in the\n   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).\n   * @default 'primary'\n   */\n  color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['primary', 'secondary', 'error', 'info', 'success', 'warning']), 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   * If `true`, the label, input and helper text should be displayed in a disabled state.\n   * @default false\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the label is displayed in an error state.\n   * @default false\n   */\n  error: PropTypes.bool,\n  /**\n   * If `true`, the component is displayed in focused state.\n   */\n  focused: PropTypes.bool,\n  /**\n   * If `true`, the component will take up the full width of its container.\n   * @default false\n   */\n  fullWidth: PropTypes.bool,\n  /**\n   * If `true`, the label is hidden.\n   * This is used to increase density for a `FilledInput`.\n   * Be sure to add `aria-label` to the `input` element.\n   * @default false\n   */\n  hiddenLabel: PropTypes.bool,\n  /**\n   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.\n   * @default 'none'\n   */\n  margin: PropTypes.oneOf(['dense', 'none', 'normal']),\n  /**\n   * If `true`, the label will indicate that the `input` is required.\n   * @default false\n   */\n  required: PropTypes.bool,\n  /**\n   * The size of the component.\n   * @default 'medium'\n   */\n  size: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['medium', 'small']), PropTypes.string]),\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 'outlined'\n   */\n  variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])\n} : void 0;\nexport default FormControl;"],"names":["useUtilityClasses","ownerState","classes","margin","fullWidth","slots","capitalize","composeClasses","getFormControlUtilityClasses","FormControlRoot","styled","props","styles","FormControl","React","inProps","ref","useDefaultProps","children","className","color","component","disabled","error","visuallyFocused","hiddenLabel","required","size","variant","other","adornedStart","setAdornedStart","initialAdornedStart","child","isMuiElement","input","isAdornedStart","filled","setFilled","initialFilled","isFilled","focusedState","setFocused","focused","registerEffect","registeredInput","onFilled","onEmpty","childContext","_jsx","FormControlContext","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es139.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/skeletonClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSkeletonUtilityClass(slot) {\n  return generateUtilityClass('MuiSkeleton', slot);\n}\nconst skeletonClasses = generateUtilityClasses('MuiSkeleton', ['root', 'text', 'rectangular', 'rounded', 'circular', 'pulse', 'wave', 'withChildren', 'fitContent', 'heightAuto']);\nexport default skeletonClasses;"],"names":["getSkeletonUtilityClass","slot","generateUtilityClass","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAwBC,GAAM;AAC5C,SAAOC,EAAqB,eAAeD,CAAI;AACjD;AACwBE,EAAuB,eAAe,CAAC,QAAQ,QAAQ,eAAe,WAAW,YAAY,SAAS,QAAQ,gBAAgB,cAAc,YAAY,CAAC;","x_google_ignoreList":[0]}

package/dist/ui-components.es14.js

@@ -1,63 +1,64 @@
-import { useState as g, useRef as m, useEffect as M, useCallback as u, useMemo as b } from "react";
-import { useGridApiRef as k, gridFilteredSortedRowEntriesSelector as x } from "@mui/x-data-grid-premium";
-function C(c, l) {
-  if (c === l) return !0;
-  if (c.length !== l.length) return !1;
-  for (let o = 0; o < c.length; o++)
-    if (c[o] !== l[o]) return !1;
-  return !0;
-}
-function D({
-  rows: c,
-  getRowId: l
-}) {
-  const [o, i] = g([]), [h, p] = g([]), d = k(), f = m(l), a = m(c);
-  M(() => {
-    f.current = l, a.current = c;
-  });
-  const t = u((e) => f.current(e), []), S = u((e) => {
-    const r = () => {
-      const s = x(e).map((n) => n.model);
-      p((n) => C(n, s) ? n : s);
-    };
-    return r(), [e.current.subscribeEvent("sortedRowsSet", r), e.current.subscribeEvent("filteredRowsSet", r)];
-  }, []), w = u((e) => {
-    if (e.type === "include") {
-      const r = Array.from(e.ids).map((s) => a.current.find((n) => t(n) === String(s))).filter(Boolean);
-      i(r);
-    } else
-      i([...a.current]);
-  }, [t]), y = u((e) => {
-    const r = t(e);
-    i((s) => s.some((n) => t(n) === r) ? s.filter((n) => t(n) !== r) : [...s, e]);
-  }, [t]), R = b(
-    () => ({
-      type: "include",
-      ids: new Set(o.map((e) => t(e)))
-    }),
-    // stableGetRowId has [] deps and never changes — omitting it is safe
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [o]
-  ), E = b(() => ({
-    apiRef: d,
-    checkboxSelection: !0,
-    onRowSelectionModelChange: w,
-    rowSelectionModel: R,
-    keepNonExistentRowsSelected: !0,
+import { j as P } from "./ui-components.es16.js";
+import { c as h } from "./ui-components.es18.js";
+import T from "./ui-components.es24.js";
+import { useAutoSort as j } from "./ui-components.es25.js";
+import { sortableTableCheckboxColumn as O } from "./ui-components.es26.js";
+function q(A) {
+  const t = h.c(24), {
+    tableProps: f,
+    columns: d,
+    initialSort: n,
+    isPresorted: i
+  } = A;
+  let e, o, s;
+  t[0] !== f ? ({
+    apiRef: e,
+    onReady: s,
+    ...o
+  } = f, t[0] = f, t[1] = e, t[2] = o, t[3] = s) : (e = t[1], o = t[2], s = t[3]);
+  const {
+    autoSort: b,
+    setAutoSort: x,
+    onReady: y
+  } = j(e, n, i);
+  let a;
+  t[4] !== y || t[5] !== s ? (a = (g) => {
+    const p = s?.(g);
+    return [...Array.isArray(p) ? p : p ? [p] : [], ...y(g)];
+  }, t[4] = y, t[5] = s, t[6] = a) : a = t[6];
+  const S = a;
+  let c;
+  t[7] !== d ? (c = [O, ...d], t[7] = d, t[8] = c) : c = t[8];
+  const R = c;
+  let r;
+  t[9] !== n ? (r = {
+    sorting: {
+      sortModel: n
+    }
+  }, t[9] = n, t[10] = r) : r = t[10];
+  let l;
+  t[11] !== b || t[12] !== x ? (l = {
+    toolbar: {
+      extra: /* @__PURE__ */ P.jsx(T, { autoSort: b, setAutoSort: x })
+    }
+  }, t[11] = b, t[12] = x, t[13] = l) : l = t[13];
+  let m;
+  t[14] !== e || t[15] !== R || t[16] !== S || t[17] !== i || t[18] !== o || t[19] !== r || t[20] !== l ? (m = {
+    apiRef: e,
     onReady: S,
-    getRowId: t
-  }), [d, w, R, S, t]);
-  return {
-    selected: o,
-    setSelected: i,
-    sortedFilteredData: h,
-    apiRef: d,
-    tableProps: E,
-    toggleSelection: y,
-    getRowId: t
-  };
+    disableColumnSorting: i,
+    initialState: r,
+    slotProps: l,
+    columns: R,
+    ...o
+  }, t[14] = e, t[15] = R, t[16] = S, t[17] = i, t[18] = o, t[19] = r, t[20] = l, t[21] = m) : m = t[21];
+  const C = m;
+  let u;
+  return t[22] !== C ? (u = {
+    syncedTableProps: C
+  }, t[22] = C, t[23] = u) : u = t[23], u;
 }
 export {
-  D as useTablePlotSync
+  q as useSyncedTable
 };
 //# sourceMappingURL=ui-components.es14.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es14.js","sources":["../src/components/TwoPaneLayout/useTablePlotSync.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { gridFilteredSortedRowEntriesSelector, GridRowSelectionModel, useGridApiRef } from \"@mui/x-data-grid-premium\";\nimport type { GridApi } from \"@mui/x-data-grid-premium\";\nimport type { RefObject } from \"react\";\nimport { TableProps } from \"../Table\";\n\n/**\n * Shallow equality check for arrays by element reference.\n * Used to prevent unnecessary state updates when the DataGrid\n * fires events but the actual row order/content hasn't changed.\n */\nfunction arraysShallowEqual<T>(a: T[], b: T[]): boolean {\n  if (a === b) return true;\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (a[i] !== b[i]) return false;\n  }\n  return true;\n}\n\ntype UseTablePlotSyncOptions<T> = {\n  /** Pre-transformed rows to display in the table */\n  rows: T[];\n  /** Extract a unique string ID from a row */\n  getRowId: (row: T) => string;\n};\n\n/**\n * Manages shared state between a table and its companion plots.\n *\n * Handles:\n * - Selection state (bidirectional between table checkboxes and plot clicks)\n * - Syncing the table's sorted/filtered rows to plots via DataGrid events\n * - Providing table props to spread onto <Table>\n */\nexport function useTablePlotSync<T>({ rows, getRowId }: UseTablePlotSyncOptions<T>) {\n  const [selected, setSelected] = useState<T[]>([]);\n  const [sortedFilteredData, setSortedFilteredData] = useState<T[]>([]);\n  const apiRef = useGridApiRef();\n\n  // Use refs so stable callbacks always access current values\n  const getRowIdRef = useRef(getRowId);\n  const rowsRef = useRef(rows);\n  useEffect(() => {\n    getRowIdRef.current = getRowId;\n    rowsRef.current = rows;\n  });\n\n  const stableGetRowId = useCallback((r: T) => getRowIdRef.current(r), []);\n\n  /**\n   * Called via Table's `onReady` prop once the DataGrid has mounted.\n   * Subscribes to sortedRowsSet and filteredRowsSet events which fire\n   * AFTER the DataGrid has recomputed its rows — replacing the old\n   * onStateChange + setTimeout(0) hack.\n   */\n  const onTableReady = useCallback((readyApiRef: RefObject<GridApi>) => {\n    const sync = () => {\n      const newRows = gridFilteredSortedRowEntriesSelector(readyApiRef).map((x) => x.model) as T[];\n      setSortedFilteredData((prev) => (arraysShallowEqual(prev, newRows) ? prev : newRows));\n    };\n    sync(); // initial sync\n    return [\n      readyApiRef.current.subscribeEvent(\"sortedRowsSet\", sync),\n      readyApiRef.current.subscribeEvent(\"filteredRowsSet\", sync),\n    ];\n  }, []);\n\n  const handleRowSelectionModelChange = useCallback(\n    (model: GridRowSelectionModel) => {\n      if (model.type === \"include\") {\n        const newSelected = Array.from(model.ids)\n          .map((id) => rowsRef.current.find((r) => stableGetRowId(r) === String(id)))\n          .filter(Boolean) as T[];\n        setSelected(newSelected);\n      } else {\n        // type \"exclude\" with 0 ids = select all\n        setSelected([...rowsRef.current]);\n      }\n    },\n    [stableGetRowId]\n  );\n\n  /** Toggle a single item's selection state. Use for plot click handlers. */\n  const toggleSelection = useCallback(\n    (item: T) => {\n      const id = stableGetRowId(item);\n      setSelected((prev) =>\n        prev.some((x) => stableGetRowId(x) === id) ? prev.filter((x) => stableGetRowId(x) !== id) : [...prev, item]\n      );\n    },\n    [stableGetRowId]\n  );\n\n  const rowSelectionModel: GridRowSelectionModel = useMemo(\n    () => ({\n      type: \"include\" as const,\n      ids: new Set(selected.map((x) => stableGetRowId(x))),\n    }),\n    // stableGetRowId has [] deps and never changes — omitting it is safe\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selected]\n  );\n\n  const tableProps = useMemo(\n    () => ({\n      apiRef,\n      checkboxSelection: true as const,\n      onRowSelectionModelChange: handleRowSelectionModelChange,\n      rowSelectionModel,\n      keepNonExistentRowsSelected: true,\n      onReady: onTableReady,\n      getRowId: stableGetRowId,\n    }),\n    [apiRef, handleRowSelectionModelChange, rowSelectionModel, onTableReady, stableGetRowId]\n  ) satisfies Partial<TableProps>;\n\n  return {\n    selected,\n    setSelected,\n    sortedFilteredData,\n    apiRef,\n    tableProps,\n    toggleSelection,\n    getRowId: stableGetRowId,\n  };\n}\n"],"names":["arraysShallowEqual","a","b","length","i","useTablePlotSync","rows","getRowId","selected","setSelected","useState","sortedFilteredData","setSortedFilteredData","apiRef","useGridApiRef","getRowIdRef","useRef","rowsRef","useEffect","current","stableGetRowId","useCallback","r","onTableReady","readyApiRef","sync","newRows","gridFilteredSortedRowEntriesSelector","map","x","model","prev","subscribeEvent","handleRowSelectionModelChange","type","newSelected","Array","from","ids","id","find","String","filter","Boolean","toggleSelection","item","some","rowSelectionModel","useMemo","Set","tableProps","checkboxSelection","onRowSelectionModelChange","keepNonExistentRowsSelected","onReady"],"mappings":"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"}
+{"version":3,"file":"ui-components.es14.js","sources":["../src/components/TwoPaneLayout/useSyncedTable.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\nimport AutoSortSwitch from \"./AutoSortSwitch\";\nimport type { useTablePlotSync } from \"./useTablePlotSync\";\nimport { useAutoSort } from \"./useAutoSort\";\nimport { TableColDef, TableProps } from \"../Table\";\nimport { sortableTableCheckboxColumn } from \"./SortableTableCheckboxColumn\";\n\ntype UseSyncedTableOptions<T> = {\n  /** The tableProps object returned by useTablePlotSync */\n  tableProps: ReturnType<typeof useTablePlotSync<T>>[\"tableProps\"];\n  /**\n   * will be prepended with sortable checkbox column\n   */\n  columns: TableColDef[]\n  /** Default sort model when autoSort is off */\n  initialSort: GridSortModel;\n  /** True when rows are pre-sorted (e.g. tissue grouping) — disables column sorting */\n  isPresorted: boolean;\n};\n\n/**\n * Composes useAutoSort with the tableProps from useTablePlotSync,\n * handling the onReady callback chaining and AutoSortSwitch rendering.\n */\nexport function useSyncedTable<T>({\n  tableProps,\n  columns,\n  initialSort,\n  isPresorted,\n}: UseSyncedTableOptions<T>) {\n  const { apiRef, onReady: tableSyncOnReady, ...restTableProps } = tableProps;\n\n  const { autoSort, setAutoSort, onReady: autoSortOnReady } = useAutoSort(apiRef, initialSort, isPresorted);\n\n  const composedOnReady = useCallback(\n    (api: RefObject<GridApi>) => {\n      const existing = tableSyncOnReady?.(api);\n      const existingCleanups = Array.isArray(existing) ? existing : existing ? [existing] : [];\n      return [...existingCleanups, ...autoSortOnReady(api)];\n    },\n    [tableSyncOnReady, autoSortOnReady]\n  );\n\n  const columnsWithCheckbox = useMemo(() => [sortableTableCheckboxColumn, ...columns], [columns])\n\n  const syncedTableProps = useMemo(\n    () => ({\n      apiRef,\n      onReady: composedOnReady,\n      disableColumnSorting: isPresorted,\n      initialState: { sorting: { sortModel: initialSort } },\n      slotProps: { toolbar: { extra: <AutoSortSwitch autoSort={autoSort} setAutoSort={setAutoSort} /> } },\n      columns: columnsWithCheckbox,\n      ...restTableProps,\n    }) satisfies Partial<TableProps>,\n    [apiRef, composedOnReady, isPresorted, initialSort, autoSort, setAutoSort, restTableProps, columnsWithCheckbox]\n  );\n\n  return { syncedTableProps };\n}\n"],"names":["useSyncedTable","t0","$","_c","tableProps","columns","initialSort","isPresorted","apiRef","restTableProps","tableSyncOnReady","onReady","autoSort","setAutoSort","autoSortOnReady","useAutoSort","t1","api","existing","Array","isArray","composedOnReady","t2","sortableTableCheckboxColumn","columnsWithCheckbox","t3","sorting","sortModel","t4","toolbar","extra","jsx","AutoSortSwitch","t5","disableColumnSorting","initialState","slotProps","syncedTableProps","t6"],"mappings":";;;;;AA0BO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAA2B;AAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAN;AAKP,MAAAO,GAAAC,GAAAC;AAAA,EAAAR,SAAAE,KACzB;AAAA,IAAAI,QAAAA;AAAAA,IAAAG,SAAAD;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAiEL,GAAWF,OAAAE,GAAAF,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,MAAAF,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA;AAE5E,QAAA;AAAA,IAAAU,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAF,SAAAG;AAAAA,EAAAA,IAA4DC,EAAYP,GAAQF,GAAaC,CAAW;AAAE,MAAAS;AAAA,EAAAd,EAAA,CAAA,MAAAY,KAAAZ,SAAAQ,KAGxGM,IAAAC,CAAAA,MAAA;AACE,UAAAC,IAAiBR,IAAmBO,CAAG;AACkD,WAClF,IADkBE,MAAKC,QAASF,CAAgD,IAA9DA,IAAqCA,IAAA,CAAYA,CAAQ,IAApB,CAAA,GACnC,GAAKJ,EAAgBG,CAAG,CAAC;AAAA,EAAC,GACtDf,OAAAY,GAAAZ,OAAAQ,GAAAR,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AALH,QAAAmB,IAAwBL;AAOtB,MAAAM;AAAA,EAAApB,SAAAG,KAEwCiB,IAAA,CAACC,GAA2B,GAAKlB,CAAO,GAACH,OAAAG,GAAAH,OAAAoB,KAAAA,IAAApB,EAAA,CAAA;AAAnF,QAAAsB,IAA0CF;AAAqD,MAAAG;AAAA,EAAAvB,SAAAI,KAO7EmB,IAAA;AAAA,IAAAC,SAAW;AAAA,MAAAC,WAAarB;AAAAA,IAAAA;AAAAA,EAAY,GAAGJ,OAAAI,GAAAJ,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAA0B;AAAA,EAAA1B,EAAA,EAAA,MAAAU,KAAAV,UAAAW,KAC1Ce,IAAA;AAAA,IAAAC,SAAW;AAAA,MAAAC,OAASC,gBAAAA,EAAAA,IAACC,GAAA,EAAyBpB,UAAAA,GAAuBC,aAAAA,EAAAA,CAAW;AAAA,IAAA;AAAA,EAAK,GAAGX,QAAAU,GAAAV,QAAAW,GAAAX,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA;AAAA,MAAA+B;AAAA,EAAA/B,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAsB,KAAAtB,EAAA,EAAA,MAAAmB,KAAAnB,UAAAK,KAAAL,EAAA,EAAA,MAAAO,KAAAP,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAA0B,KAL9FK,IAAA;AAAA,IAAAzB,QAAAA;AAAAA,IAAAG,SAEIU;AAAAA,IAAea,sBACF3B;AAAAA,IAAW4B,cACnBV;AAAAA,IAAuCW,WAC1CR;AAAAA,IAAwFvB,SAC1FmB;AAAAA,IAAmB,GACzBf;AAAAA,EAAAA,GACJP,QAAAM,GAAAN,QAAAsB,GAAAtB,QAAAmB,GAAAnB,QAAAK,GAAAL,QAAAO,GAAAP,QAAAuB,GAAAvB,QAAA0B,GAAA1B,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA;AATH,QAAAmC,IACSJ;AAUP,MAAAK;AAAA,SAAApC,UAAAmC,KAEKC,IAAA;AAAA,IAAAD,kBAAAA;AAAAA,EAAAA,GAAoBnC,QAAAmC,GAAAnC,QAAAoC,KAAAA,IAAApC,EAAA,EAAA,GAApBoC;AAAoB;"}

package/dist/ui-components.es140.js

@@ -1,6 +1,11 @@
-import e from "./ui-components.es89.js";
-const p = e.oneOfType([e.func, e.object]);
+function n(t) {
+  return String(t).match(/[\d.\-+]*\s*(.*)/)[1] || "";
+}
+function r(t) {
+  return parseFloat(t);
+}
 export {
-  p as default
+  n as getUnit,
+  r as toUnitless
 };
 //# sourceMappingURL=ui-components.es140.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es140.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/refType/refType.js"],"sourcesContent":["import PropTypes from 'prop-types';\nconst refType = PropTypes.oneOfType([PropTypes.func, PropTypes.object]);\nexport default refType;"],"names":["refType","PropTypes"],"mappings":";AACK,MAACA,IAAUC,EAAU,UAAU,CAACA,EAAU,MAAMA,EAAU,MAAM,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es140.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/styles/cssUtils.js"],"sourcesContent":["export function isUnitless(value) {\n  return String(parseFloat(value)).length === String(value).length;\n}\n\n// Ported from Compass\n// https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss\n// Emulate the sass function \"unit\"\nexport function getUnit(input) {\n  return String(input).match(/[\\d.\\-+]*\\s*(.*)/)[1] || '';\n}\n\n// Emulate the sass function \"unitless\"\nexport function toUnitless(length) {\n  return parseFloat(length);\n}\n\n// Convert any CSS <length> or <percentage> value to any another.\n// From https://github.com/KyleAMathews/convert-css-length\nexport function convertLength(baseFontSize) {\n  return (length, toUnit) => {\n    const fromUnit = getUnit(length);\n\n    // Optimize for cases where `from` and `to` units are accidentally the same.\n    if (fromUnit === toUnit) {\n      return length;\n    }\n\n    // Convert input length to pixels.\n    let pxLength = toUnitless(length);\n    if (fromUnit !== 'px') {\n      if (fromUnit === 'em') {\n        pxLength = toUnitless(length) * toUnitless(baseFontSize);\n      } else if (fromUnit === 'rem') {\n        pxLength = toUnitless(length) * toUnitless(baseFontSize);\n      }\n    }\n\n    // Convert length in pixels to the output unit\n    let outputLength = pxLength;\n    if (toUnit !== 'px') {\n      if (toUnit === 'em') {\n        outputLength = pxLength / toUnitless(baseFontSize);\n      } else if (toUnit === 'rem') {\n        outputLength = pxLength / toUnitless(baseFontSize);\n      } else {\n        return length;\n      }\n    }\n    return parseFloat(outputLength.toFixed(5)) + toUnit;\n  };\n}\nexport function alignProperty({\n  size,\n  grid\n}) {\n  const sizeBelow = size - size % grid;\n  const sizeAbove = sizeBelow + grid;\n  return size - sizeBelow < sizeAbove - size ? sizeBelow : sizeAbove;\n}\n\n// fontGrid finds a minimal grid (in rem) for the fontSize values so that the\n// lineHeight falls under a x pixels grid, 4px in the case of Material Design,\n// without changing the relative line height\nexport function fontGrid({\n  lineHeight,\n  pixels,\n  htmlFontSize\n}) {\n  return pixels / (lineHeight * htmlFontSize);\n}\n\n/**\n * generate a responsive version of a given CSS property\n * @example\n * responsiveProperty({\n *   cssProperty: 'fontSize',\n *   min: 15,\n *   max: 20,\n *   unit: 'px',\n *   breakpoints: [300, 600],\n * })\n *\n * // this returns\n *\n * {\n *   fontSize: '15px',\n *   '@media (min-width:300px)': {\n *     fontSize: '17.5px',\n *   },\n *   '@media (min-width:600px)': {\n *     fontSize: '20px',\n *   },\n * }\n * @param {Object} params\n * @param {string} params.cssProperty - The CSS property to be made responsive\n * @param {number} params.min - The smallest value of the CSS property\n * @param {number} params.max - The largest value of the CSS property\n * @param {string} [params.unit] - The unit to be used for the CSS property\n * @param {Array.number} [params.breakpoints]  - An array of breakpoints\n * @param {number} [params.alignStep] - Round scaled value to fall under this grid\n * @returns {Object} responsive styles for {params.cssProperty}\n */\nexport function responsiveProperty({\n  cssProperty,\n  min,\n  max,\n  unit = 'rem',\n  breakpoints = [600, 900, 1200],\n  transform = null\n}) {\n  const output = {\n    [cssProperty]: `${min}${unit}`\n  };\n  const factor = (max - min) / breakpoints[breakpoints.length - 1];\n  breakpoints.forEach(breakpoint => {\n    let value = min + factor * breakpoint;\n    if (transform !== null) {\n      value = transform(value);\n    }\n    output[`@media (min-width:${breakpoint}px)`] = {\n      [cssProperty]: `${Math.round(value * 10000) / 10000}${unit}`\n    };\n  });\n  return output;\n}"],"names":["getUnit","input","toUnitless","length"],"mappings":"AAOO,SAASA,EAAQC,GAAO;AAC7B,SAAO,OAAOA,CAAK,EAAE,MAAM,kBAAkB,EAAE,CAAC,KAAK;AACvD;AAGO,SAASC,EAAWC,GAAQ;AACjC,SAAO,WAAWA,CAAM;AAC1B;","x_google_ignoreList":[0]}