@weng-lab/ui-components 2.1.0 → 2.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es399.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/computeOffsets.js"],"sourcesContent":["import getBasePlacement from \"./getBasePlacement.js\";\nimport getVariation from \"./getVariation.js\";\nimport getMainAxisFromPlacement from \"./getMainAxisFromPlacement.js\";\nimport { top, right, bottom, left, start, end } from \"../enums.js\";\nexport default function computeOffsets(_ref) {\n  var reference = _ref.reference,\n      element = _ref.element,\n      placement = _ref.placement;\n  var basePlacement = placement ? getBasePlacement(placement) : null;\n  var variation = placement ? getVariation(placement) : null;\n  var commonX = reference.x + reference.width / 2 - element.width / 2;\n  var commonY = reference.y + reference.height / 2 - element.height / 2;\n  var offsets;\n\n  switch (basePlacement) {\n    case top:\n      offsets = {\n        x: commonX,\n        y: reference.y - element.height\n      };\n      break;\n\n    case bottom:\n      offsets = {\n        x: commonX,\n        y: reference.y + reference.height\n      };\n      break;\n\n    case right:\n      offsets = {\n        x: reference.x + reference.width,\n        y: commonY\n      };\n      break;\n\n    case left:\n      offsets = {\n        x: reference.x - element.width,\n        y: commonY\n      };\n      break;\n\n    default:\n      offsets = {\n        x: reference.x,\n        y: reference.y\n      };\n  }\n\n  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n  if (mainAxis != null) {\n    var len = mainAxis === 'y' ? 'height' : 'width';\n\n    switch (variation) {\n      case start:\n        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n        break;\n\n      case end:\n        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n        break;\n\n      default:\n    }\n  }\n\n  return offsets;\n}"],"names":["computeOffsets","_ref","reference","element","placement","basePlacement","getBasePlacement","variation","getVariation","commonX","commonY","offsets","top","bottom","right","left","mainAxis","getMainAxisFromPlacement","len","start","end"],"mappings":";;;;AAIe,SAASA,EAAeC,GAAM;AAC3C,MAAIC,IAAYD,EAAK,WACjBE,IAAUF,EAAK,SACfG,IAAYH,EAAK,WACjBI,IAAgBD,IAAYE,EAAiBF,CAAS,IAAI,MAC1DG,IAAYH,IAAYI,EAAaJ,CAAS,IAAI,MAClDK,IAAUP,EAAU,IAAIA,EAAU,QAAQ,IAAIC,EAAQ,QAAQ,GAC9DO,IAAUR,EAAU,IAAIA,EAAU,SAAS,IAAIC,EAAQ,SAAS,GAChEQ;AAEJ,UAAQN,GAAa;AAAA,IACnB,KAAKO;AACH,MAAAD,IAAU;AAAA,QACR,GAAGF;AAAA,QACH,GAAGP,EAAU,IAAIC,EAAQ;AAAA,MACjC;AACM;AAAA,IAEF,KAAKU;AACH,MAAAF,IAAU;AAAA,QACR,GAAGF;AAAA,QACH,GAAGP,EAAU,IAAIA,EAAU;AAAA,MACnC;AACM;AAAA,IAEF,KAAKY;AACH,MAAAH,IAAU;AAAA,QACR,GAAGT,EAAU,IAAIA,EAAU;AAAA,QAC3B,GAAGQ;AAAA,MACX;AACM;AAAA,IAEF,KAAKK;AACH,MAAAJ,IAAU;AAAA,QACR,GAAGT,EAAU,IAAIC,EAAQ;AAAA,QACzB,GAAGO;AAAA,MACX;AACM;AAAA,IAEF;AACE,MAAAC,IAAU;AAAA,QACR,GAAGT,EAAU;AAAA,QACb,GAAGA,EAAU;AAAA,MACrB;AAAA,EACA;AAEE,MAAIc,IAAWX,IAAgBY,EAAyBZ,CAAa,IAAI;AAEzE,MAAIW,KAAY,MAAM;AACpB,QAAIE,IAAMF,MAAa,MAAM,WAAW;AAExC,YAAQT,GAAS;AAAA,MACf,KAAKY;AACH,QAAAR,EAAQK,CAAQ,IAAIL,EAAQK,CAAQ,KAAKd,EAAUgB,CAAG,IAAI,IAAIf,EAAQe,CAAG,IAAI;AAC7E;AAAA,MAEF,KAAKE;AACH,QAAAT,EAAQK,CAAQ,IAAIL,EAAQK,CAAQ,KAAKd,EAAUgB,CAAG,IAAI,IAAIf,EAAQe,CAAG,IAAI;AAC7E;AAAA,IAGR;AAAA,EACE;AAEA,SAAOP;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es399.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/getVariation.js"],"sourcesContent":["export default function getVariation(placement) {\n  return placement.split('-')[1];\n}"],"names":["getVariation","placement"],"mappings":"AAAe,SAASA,EAAaC,GAAW;AAC9C,SAAOA,EAAU,MAAM,GAAG,EAAE,CAAC;AAC/B;","x_google_ignoreList":[0]}

package/dist/ui-components.es4.js

@@ -1,158 +1,68 @@
-import { j as a } from "./ui-components.es13.js";
-import { c as w } from "./ui-components.es15.js";
-import { useGridApiRef as $, useKeepGroupedColumnsHidden as I, DataGridPremium as M } from "@mui/x-data-grid-premium";
-import { useRef as E, useMemo as z, useCallback as O, useEffect as j } from "react";
-import k from "./ui-components.es52.js";
-import { CustomToolbar as W } from "./ui-components.es53.js";
-import { HeaderWithTooltip as _ } from "./ui-components.es54.js";
-import { useContainerResize as N } from "./ui-components.es55.js";
-import B from "./ui-components.es56.js";
-import K from "./ui-components.es57.js";
-const y = {
-  expand: !0,
-  includeHeaders: !0,
-  outliersFactor: 1.5
-}, q = (l) => {
-  const {
-    pagination: e = !0,
-    columns: o,
-    density: t = "compact",
-    rows: r,
-    apiRef: s,
-    showToolbar: i = !0,
-    divHeight: u,
-    sx: b = {},
-    slots: g = {},
-    label: R,
-    labelTooltip: f,
-    downloadFileName: p,
-    toolbarSlot: m,
-    toolbarStyle: h,
-    toolbarIconColor: c,
-    initialState: x,
-    onReady: A,
-    ...D
-  } = l, H = E(null), S = E({
-    label: R,
-    downloadFileName: p,
-    labelTooltip: f,
-    toolbarSlot: m,
-    toolbarStyle: h,
-    toolbarIconColor: c
+import { j as r } from "./ui-components.es15.js";
+import h, { useEffect as f } from "react";
+import E from "./ui-components.es42.js";
+import x from "./ui-components.es25.js";
+import M from "./ui-components.es52.js";
+import c from "./ui-components.es53.js";
+import g from "./ui-components.es54.js";
+function _(n) {
+  return `${n}`;
+}
+const R = (n) => {
+  const [t, m] = h.useState([n.defaultStart || n.value && n.value[0] || -10, n.defaultEnd || n.value && n.value[1] || 10]);
+  f(() => {
+    n.value && (m(n.value), a(n.value));
+  }, [n.value]), f(() => {
+    n.onSliderChange && n.onSliderChange(t);
   });
-  S.current = {
-    label: R,
-    downloadFileName: p,
-    labelTooltip: f,
-    toolbarSlot: m,
-    toolbarStyle: h,
-    toolbarIconColor: c
+  const s = n.min ? n.min : 0, o = n.max ? n.max : 100, v = n.step ? n.step : 0.01, u = n.minDistance ? n.minDistance : 0, [d, a] = h.useState([t[0], t[1]]), S = (i) => {
+    a([i.target.value, t[1]]);
+  }, b = (i) => {
+    a([t[0], i.target.value]);
+  }, y = (i, e, l) => {
+    Array.isArray(e) && (l === 0 ? (m([Number(Math.min(e[0], t[1] - u).toFixed(5)), t[1]]), a([Number(Math.min(e[0], t[1] - u).toFixed(5)), t[1]])) : (m([t[0], Number(Math.max(e[1], t[0] + u).toFixed(5))]), a([t[0], Number(Math.max(e[1], t[0] + u).toFixed(5))])));
+  }, C = () => {
+    n.onSliderChangeCommitted && n.onSliderChangeCommitted(t);
+  }, j = (i) => {
+    const e = Number(d[0]), l = t[1];
+    i.key == "Enter" && (e <= l - u && e >= s && m([e, l]), e > l - u && a([t[0], l]), e < s && a([t[0], l]));
+  }, T = () => {
+    const i = Number(d[0]), e = t[1];
+    i <= e - u && i >= s && m([i, e]), i > e - u && a([t[0], e]), i < s && a([t[0], e]);
+  }, V = (i) => {
+    const e = t[0], l = Number(d[1]);
+    i.key == "Enter" && (l >= e + u && l <= o && m([e, l]), l < e + u && a([e, t[1]]), l > o && a([e, t[1]]));
+  }, N = () => {
+    const i = t[0], e = Number(d[1]);
+    e >= i + u && e <= o && m([i, e]), e < i + u && a([i, t[1]]), e > o && a([i, t[1]]);
   };
-  const G = z(() => (n) => /* @__PURE__ */ a.jsx(W, { ...n, ...S.current }), []), T = z(() => o.map((n) => n.tooltip ? {
-    ...n,
-    renderHeader: (C) => /* @__PURE__ */ a.jsx(
-      _,
-      {
-        params: C,
-        tooltipTitle: n.tooltip,
-        originalRenderHeader: n.renderHeader
-      }
-    )
-  } : n), [o]), P = $(), d = s ?? P, v = O(() => {
-    d.current?.autosizeColumns && d.current.autosizeColumns(y);
-  }, [d]);
-  j(() => {
-    v();
-  }, [r, T, v]), j(() => d.current?.subscribeEvent("rowExpansionChange", (n) => {
-    n.childrenExpanded && d.current?.autosizeColumns(y);
-  }), [d]), j(() => {
-    if (!d.current) return;
-    const n = A?.(d);
-    if (n)
-      return Array.isArray(n) ? () => n.forEach((C) => C()) : n;
-  }, []), N(H, v);
-  const F = I({
-    apiRef: d,
-    initialState: x
-  });
-  return /* @__PURE__ */ a.jsx("div", { ref: H, style: {
-    width: "100%",
-    height: "100%"
-  }, children: /* @__PURE__ */ a.jsx(M, { apiRef: d, columns: T, autosizeOnMount: !0, rows: r, autosizeOptions: y, disableRowSelectionOnClick: !0, showToolbar: i, density: t, sx: {
-    "& .MuiDataGrid-toolbarDivider": {
-      height: "20px"
-    },
-    ...b
-  }, slots: {
-    toolbar: G,
-    ...g
-  }, disableAggregation: !0, disablePivoting: !0, initialState: F, ...D }) });
-}, J = (l) => {
-  const e = w.c(7), {
-    divHeight: o,
-    children: t
-  } = l;
-  let r;
-  e[0] !== o ? (r = o === void 0 ? {} : o, e[0] = o, e[1] = r) : r = e[1];
-  const s = r;
-  let i;
-  e[2] !== s ? (i = {
-    display: "flex",
-    flexDirection: "column",
-    height: "min-content",
-    ...s
-  }, e[2] = s, e[3] = i) : i = e[3];
-  let u;
-  return e[4] !== t || e[5] !== i ? (u = /* @__PURE__ */ a.jsx("div", { style: i, children: t }), e[4] = t, e[5] = i, e[6] = u) : u = e[6], u;
-}, L = (l) => {
-  const e = w.c(3), {
-    children: o
-  } = l;
-  let t;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a.jsx(B, { variant: "rounded", width: "100%", height: "100%", sx: {
-    minHeight: 100
-  } }), e[0] = t) : t = e[0];
-  let r;
-  return e[1] !== o ? (r = /* @__PURE__ */ a.jsx(K, { fallback: t, children: o }), e[1] = o, e[2] = r) : r = e[2], r;
-}, ne = (l) => {
-  const e = w.c(22);
-  let o, t, r, s, i, u;
-  e[0] !== l ? ({
-    rows: i,
-    emptyTableFallback: t,
-    error: u,
-    label: r,
-    divHeight: o,
-    ...s
-  } = l, e[0] = l, e[1] = o, e[2] = t, e[3] = r, e[4] = s, e[5] = i, e[6] = u) : (o = e[1], t = e[2], r = e[3], s = e[4], i = e[5], u = e[6]);
-  let b;
-  e[7] !== i ? (b = i === void 0 ? [] : i, e[7] = i, e[8] = b) : b = e[8];
-  const g = b, R = u === void 0 ? !1 : u;
-  let f;
-  e[9] !== g ? (f = g.map(Q), e[9] = g, e[10] = f) : f = e[10];
-  const p = f;
-  if (t && p.length === 0 && !s.loading) {
-    let c;
-    return e[11] !== t ? (c = typeof t == "string" ? /* @__PURE__ */ a.jsx(k, { message: t, variant: "empty" }) : t, e[11] = t, e[12] = c) : c = e[12], c;
-  }
-  if (R) {
-    const c = `Error fetching ${r}`;
-    let x;
-    return e[13] !== c ? (x = /* @__PURE__ */ a.jsx(k, { message: c, variant: "error" }), e[13] = c, e[14] = x) : x = e[14], x;
-  }
-  let m;
-  e[15] !== r || e[16] !== s || e[17] !== p ? (m = /* @__PURE__ */ a.jsx(L, { children: /* @__PURE__ */ a.jsx(q, { rows: p, label: r, ...s }) }), e[15] = r, e[16] = s, e[17] = p, e[18] = m) : m = e[18];
-  let h;
-  return e[19] !== o || e[20] !== m ? (h = /* @__PURE__ */ a.jsx(J, { divHeight: o, children: m }), e[19] = o, e[20] = m, e[21] = h) : h = e[21], h;
+  return /* @__PURE__ */ r.jsxs(E, { sx: {
+    width: n.width
+  }, children: [
+    /* @__PURE__ */ r.jsx(x, { children: n.title }),
+    /* @__PURE__ */ r.jsx(M, { getAriaLabel: () => "Minimum distance", value: t, onChange: y, onChangeCommitted: C, valueLabelDisplay: "auto", getAriaValueText: _, disableSwap: !0, min: s, max: o, step: v, sx: {
+      height: 2
+    } }),
+    /* @__PURE__ */ r.jsxs(c, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ r.jsx(c, { size: 5.5, children: /* @__PURE__ */ r.jsx(g, { value: d[0], size: "small", fullWidth: !0, variant: "outlined", onChange: S, onBlur: T, onKeyDown: j, inputProps: {
+        variant: "outlined",
+        type: "text",
+        "aria-labelledby": "input-slider"
+      } }) }),
+      /* @__PURE__ */ r.jsx(c, { sx: {
+        display: "inline-grid",
+        alignItems: "center"
+      }, size: 1, children: /* @__PURE__ */ r.jsx(x, { sx: {
+        justifySelf: "center"
+      }, children: "–" }) }),
+      /* @__PURE__ */ r.jsx(c, { size: 5.5, children: /* @__PURE__ */ r.jsx(g, { value: d[1], size: "small", fullWidth: !0, variant: "outlined", onChange: b, onBlur: N, onKeyDown: V, inputProps: {
+        type: "text",
+        "aria-labelledby": "input-slider"
+      } }) })
+    ] })
+  ] });
 };
-function Q(l, e) {
-  return {
-    ...l,
-    id: l?.id || e
-  };
-}
 export {
-  y as autosizeOptions,
-  ne as default
+  R as default
 };
 //# sourceMappingURL=ui-components.es4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es4.js","sources":["../src/components/Table/Table.tsx"],"sourcesContent":["import {\n  DataGridPremium,\n  GridApiPremium,\n  GridAutosizeOptions,\n  GridColDef,\n  GridColumnHeaderParams,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  useGridApiRef,\n  useKeepGroupedColumnsHidden,\n} from \"@mui/x-data-grid-premium\";\nimport NoSsr from \"@mui/material/NoSsr\";\nimport Skeleton from \"@mui/material/Skeleton\";\nimport { useMemo, useEffect, useCallback, useRef, ReactNode, CSSProperties, RefObject } from \"react\";\nimport TableFallback from \"./EmptyFallback\";\nimport { TableProps } from \"./types\";\nimport { CustomToolbar } from \"./CustomToolbar\";\nimport { HeaderWithTooltip } from \"./HeaderWithToolip\";\nimport { useContainerResize } from \"./useContainerResize\";\n\nexport const autosizeOptions: GridAutosizeOptions = {\n  expand: true,\n  includeHeaders: true,\n  outliersFactor: 1.5,\n};\n\ntype CustomDataGridProps = Omit<TableProps, \"emptyTableFallback\" | \"error\"> & { rows: NonNullable<TableProps[\"rows\"]> };\n\nconst CustomDataGridPremium = (props: CustomDataGridProps) => {\n  const {\n    pagination = true,\n    columns,\n    density = \"compact\",\n    rows,\n    apiRef: externalApiRef,\n    showToolbar = true,\n    divHeight,\n    sx = {},\n    slots = {},\n    label,\n    labelTooltip,\n    downloadFileName,\n    toolbarSlot,\n    toolbarStyle,\n    toolbarIconColor,\n    initialState,\n    onReady,\n    ...restDataGridProps\n  } = props;\n\n  // Create a ref for the wrapper div to measure container resizing\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const toolbarPropsRef = useRef({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor });\n  toolbarPropsRef.current = { label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor };\n\n  // Stable component identity regardless of toolbar prop changes, so DataGrid never unmounts/remounts the toolbar slot\n  const CustomToolbarWrapper = useMemo(\n    () => (props: GridToolbarProps & ToolbarPropsOverrides) => <CustomToolbar {...props} {...toolbarPropsRef.current} />,\n    []\n  );\n\n  // This handles transforming columns of the TableColDef type back to GridColDef, dealing with adding the tooltip element to the RenderHeader\n  const transformedColumns: GridColDef[] = useMemo(() => {\n    return columns.map((col) => {\n      // If no tooltip is defined, return the column as-is\n      if (!col.tooltip) {\n        return col;\n      }\n\n      // If tooltip exists, override the renderHeader with HeaderWithTooltip\n      return {\n        ...col,\n        renderHeader: (params: GridColumnHeaderParams) => (\n          <HeaderWithTooltip\n            params={params}\n            tooltipTitle={col.tooltip!} // We know it exists here\n            originalRenderHeader={col.renderHeader} // Pass the user's custom renderer if it exists\n          />\n        ),\n      };\n    });\n  }, [columns]);\n\n  const internalApiRef = useGridApiRef();\n  // prioritize using the provided apiRef if available, otherwise create a new one\n  const apiRef = externalApiRef ?? internalApiRef;\n\n  const handleResizeCols = useCallback(() => {\n    // need to check .autosizeColumns since the current was being set with an empty object\n    if (!apiRef.current?.autosizeColumns) return;\n    apiRef.current.autosizeColumns(autosizeOptions);\n  }, [apiRef]);\n\n  // trigger resize when rows or columns change so that rows/columns don't need to be memoized outside of this component\n  // otherwise sometimes would snap back to default widths when rows/columns change\n  useEffect(() => {\n    handleResizeCols();\n  }, [rows, transformedColumns, handleResizeCols]);\n\n  useEffect(() => {\n    return apiRef.current?.subscribeEvent(\"rowExpansionChange\", (params) => {\n      if (params.childrenExpanded) {\n        apiRef.current?.autosizeColumns(autosizeOptions);\n      }\n    });\n  }, [apiRef]);\n\n  useEffect(() => {\n    if (!apiRef.current) return;\n    const cleanups = onReady?.(apiRef as RefObject<GridApiPremium>);\n    if (!cleanups) return;\n    if (Array.isArray(cleanups)) return () => cleanups.forEach(fn => fn());\n    return cleanups;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Measure wrapper div for changes in size to trigger autosizeColumns\n  // Both resize and viewportInnerSizeChange events on the DataGrid are triggered on column resize so couldn't use those instead\n  useContainerResize(wrapperRef, handleResizeCols);\n\n  const internalInitialState = useKeepGroupedColumnsHidden({\n    apiRef,\n    initialState,\n  });\n\n  return (\n    <div ref={wrapperRef} style={{ width: \"100%\", height: '100%' }}>\n      <DataGridPremium\n        apiRef={apiRef}\n        columns={transformedColumns}\n        autosizeOnMount\n        rows={rows}\n        autosizeOptions={autosizeOptions}\n        disableRowSelectionOnClick\n        showToolbar={showToolbar}\n        density={density}\n        sx={{\n          \"& .MuiDataGrid-toolbarDivider\": {\n            height: \"20px\",\n          },\n          ...sx,\n        }}\n        slots={{\n          toolbar: CustomToolbarWrapper,\n          ...slots,\n        }}\n        disableAggregation\n        disablePivoting\n        initialState={internalInitialState}\n        {...restDataGridProps}\n      />\n    </div>\n  );\n};\n\nconst TableContainer = ({ divHeight = {}, children }: { divHeight?: CSSProperties; children: ReactNode }) => (\n  <div\n    style={{\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"min-content\",\n      ...divHeight,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst TableSSRBoundary = ({ children }: { children: ReactNode }) => (\n  <NoSsr fallback={<Skeleton variant=\"rounded\" width=\"100%\" height=\"100%\" sx={{ minHeight: 100 }} />}>\n    {children}\n  </NoSsr>\n);\n\nconst Table = (props: TableProps) => {\n  const {\n    rows = [],\n    emptyTableFallback,\n    error = false,\n    label,\n    divHeight,\n    ...restProps\n  } = props;\n\n  //Assign default ID if no ID is provided in the row data\n  const rowsWithIds = useMemo(() => rows.map((row, index) => ({ ...row, id: row?.id || index })), [rows]);\n\n  if (emptyTableFallback && rowsWithIds.length === 0 && !restProps.loading) {\n    return typeof emptyTableFallback === \"string\" ? (\n      <TableFallback message={emptyTableFallback} variant=\"empty\" />\n    ) : (\n      emptyTableFallback\n    );\n  }\n\n  if (error) {\n    return <TableFallback message={`Error fetching ${label}`} variant=\"error\" />;\n  }\n\n  return (\n    <TableContainer divHeight={divHeight}>\n      <TableSSRBoundary>\n        <CustomDataGridPremium rows={rowsWithIds} label={label} {...restProps} />\n      </TableSSRBoundary>\n    </TableContainer>\n  );\n};\n\nexport default Table;\n"],"names":["autosizeOptions","expand","includeHeaders","outliersFactor","CustomDataGridPremium","props","pagination","columns","density","rows","apiRef","externalApiRef","showToolbar","divHeight","sx","slots","label","labelTooltip","downloadFileName","toolbarSlot","toolbarStyle","toolbarIconColor","initialState","onReady","restDataGridProps","wrapperRef","useRef","toolbarPropsRef","current","CustomToolbarWrapper","useMemo","jsx","CustomToolbar","transformedColumns","map","col","tooltip","renderHeader","params","HeaderWithTooltip","internalApiRef","useGridApiRef","handleResizeCols","useCallback","autosizeColumns","useEffect","subscribeEvent","childrenExpanded","cleanups","Array","isArray","forEach","fn","useContainerResize","internalInitialState","useKeepGroupedColumnsHidden","width","height","DataGridPremium","toolbar","TableContainer","t0","$","_c","t1","children","t2","undefined","t3","display","flexDirection","t4","TableSSRBoundary","Symbol","for","Skeleton","minHeight","NoSsr","Table","emptyTableFallback","restProps","error","_temp","rowsWithIds","length","loading","TableFallback","t5","row","index","id"],"mappings":"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"}
+{"version":3,"file":"ui-components.es4.js","sources":["../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["/**\n * Slider.tsx: provides PsychSCREEN-styled Sliders.\n */\n\nimport React, { useEffect } from 'react';\nimport Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Slider from '@mui/material/Slider';\nimport { SliderProps as MuiSliderProps } from '@mui/material/Slider';\nimport Typography from '@mui/material/Typography';\nimport TextField from '@mui/material/TextField';\n\n/*\nTODO: Have a browser popup when an invalid number is chosen\n      Add functionality for an overlaid histogram\n*/\n\nexport type SliderProps = MuiSliderProps & {\n  title: string;\n  width: number | string;\n  defaultStart?: number;\n  defaultEnd?: number;\n  //Could do more strict input checking here by checking the min/max of the slider\n  minDistance?: number;\n  onSliderChange?: (value: number[]) => void;\n  onSliderChangeCommitted?: (value: number[]) => void;\n  value?: number[];\n};\n\nfunction valuetext(value: number) {\n  return `${value}`;\n}\n\nconst RangeSlider: React.FC<SliderProps> = (props: SliderProps) => {\n  //value that the slider uses\n  const [value, setValue] = React.useState<number[]>(\n    [props.defaultStart || props.value && props.value[0] || -10,\n     props.defaultEnd || props.value && props.value[1] || 10]\n  );\n\n  useEffect(() => {\n    if (props.value) {\n      setValue(props.value)\n      setTempValue(props.value)\n    }\n  }, [props.value])\n\n  // Triggers when component updates, allows the value to be extraced in an onChange() function\n  useEffect(() => {\n    props.onSliderChange && props.onSliderChange(value);\n  })\n\n  //Check if declared, if not set to MUI slider defaults\n  const sliderMin = props.min ? props.min : 0\n  const sliderMax = props.max ? props.max : 100\n  const sliderStep = props.step ? props.step : 0.01\n\n  //Unless specified, the minimum distance between sliders is 0\n  const minDistance = props.minDistance ? props.minDistance : 0;\n\n  //temp value for input validation. It's what the text boxes display\n  const [tempValue, setTempValue] = React.useState<Array<Number | String>>(\n    [value[0], value[1]]\n  );\n\n  const handleSetTempValue0 = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setTempValue([event.target.value, value[1]])\n  }\n\n  const handleSetTempValue1 = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setTempValue([value[0], event.target.value])\n  }\n\n  //Value change from using slider\n  const handleSliderChange = (\n    _event: Event,\n    newValue: number | number[],\n    activeThumb: number,\n  ) => {\n    if (!Array.isArray(newValue)) {\n      return;\n    }\n    if (activeThumb === 0) {\n      //If activeThumb is Thumb 0, then set the first value. Use toFixed to eliminate floating point math errors\n      setValue([Number(Math.min(newValue[0], value[1] - minDistance).toFixed(5)), value[1]]);\n      setTempValue([Number(Math.min(newValue[0], value[1] - minDistance).toFixed(5)), value[1]]);\n    } else {\n      //If activeThumb is Thumb 1, then set the second value. Use toFixed to eliminate floating point math errors\n      setValue([value[0], Number(Math.max(newValue[1], value[0] + minDistance).toFixed(5))]);\n      setTempValue([value[0], Number(Math.max(newValue[1], value[0] + minDistance).toFixed(5))]);\n    }\n  };\n\n  const handleSliderChangeCommited = () => {props.onSliderChangeCommitted && props.onSliderChangeCommitted(value)}\n\n\n  //On a user pressing enter, decides if the temp value is valid and posts it, or corrects the temp value\n  const handleInputEnter0 = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const newTempValue0: number = Number(tempValue[0]);\n    const curValue1: number = value[1]\n\n    if (event.key == \"Enter\") {\n      //If the temp value is valid, set the true slider value\n      if (newTempValue0 <= (curValue1 - minDistance) && newTempValue0 >= sliderMin) {\n        setValue([newTempValue0, curValue1])\n      }\n      //If the value is too close to the other slider, reset the TempValue\n      if (newTempValue0 > (curValue1 - minDistance)) {\n        setTempValue([value[0], curValue1])\n      }\n      //If the value is below sliderMin, reset the tempValue\n      if (newTempValue0 < sliderMin) {\n        setTempValue([value[0], curValue1])\n      }\n    }\n  };\n\n  //Handles the user clicking away, decides if the temp value is valid and posts it, or corrects the temp value\n  const handleBlur0 = () => {\n    const newTempValue0: number = Number(tempValue[0]);\n    const curValue1: number = value[1]\n\n    //If the temp value is valid, set the true slider value\n    if (newTempValue0 <= (curValue1 - minDistance) && newTempValue0 >= sliderMin) {\n      setValue([newTempValue0, curValue1])\n    }\n    //If the value is too close to the other slider, reset the TempValue\n    if (newTempValue0 > (curValue1 - minDistance)) {\n      setTempValue([value[0], curValue1])\n    }\n    //If the value is below sliderMin, reset the tempValue\n    if (newTempValue0 < sliderMin) {\n      setTempValue([value[0], curValue1])\n    }\n  };\n\n  //On a user pressing enter, decides if the temp value is valid and posts it, or corrects the temp value\n  const handleInputEnter1 = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const curValue0: number = value[0]\n    const newTempValue1: number = Number(tempValue[1]);\n\n    if (event.key == \"Enter\") {\n      //If the temp value is valid, set the true slider value\n      if (newTempValue1 >= (curValue0 + minDistance) && newTempValue1 <= sliderMax) {\n        setValue([curValue0, newTempValue1])\n        // props.onSliderChange && props.onSliderChange(value)\n      }\n      //If the value is too close to the other slider, reset the TempValue\n      if (newTempValue1 < (curValue0 + minDistance)) {\n        setTempValue([curValue0, value[1]])\n      }\n      //If the value is above sliderMax, reset the tempValue\n      if (newTempValue1 > sliderMax) {\n        setTempValue([curValue0, value[1]])\n      }\n    }\n  };\n\n  //Handles the user clicking away, decides if the temp value is valid and posts it, or corrects the temp value\n  const handleBlur1 = () => {\n    //This should be able to be set as either tempValue or Value\n    const curValue0: number = value[0]\n    const newTempValue1: number = Number(tempValue[1]);\n\n    //If the temp value is valid, set the true slider value\n    if (newTempValue1 >= (curValue0 + minDistance) && newTempValue1 <= sliderMax) {\n      setValue([curValue0, newTempValue1])\n      // props.onSliderChange && props.onSliderChange(value)\n    }\n    //If the value is too close to the other slider, reset the TempValue\n    if (newTempValue1 < (curValue0 + minDistance)) {\n      setTempValue([curValue0, value[1]])\n    }\n    //If the value is above sliderMax, reset tempValue\n    if (newTempValue1 > sliderMax) {\n      setTempValue([curValue0, value[1]])\n    }\n  };\n\n  return (\n    (<Box sx={{ width: props.width }}>\n      <Typography>{props.title}</Typography>\n      <Slider\n        getAriaLabel={() => 'Minimum distance'}\n        value={value}\n        onChange={handleSliderChange}\n        onChangeCommitted={handleSliderChangeCommited}\n        valueLabelDisplay=\"auto\"\n        getAriaValueText={valuetext}\n        disableSwap\n        min={sliderMin}\n        max={sliderMax}\n        step={sliderStep}\n        sx={{height: 2}}\n      />\n      <Grid container spacing={1}>\n        <Grid size={5.5}>\n          <TextField\n            value={tempValue[0]}\n            size='small'\n            fullWidth\n            variant='outlined'\n            onChange={handleSetTempValue0}\n            onBlur={handleBlur0}\n            onKeyDown={handleInputEnter0}\n            inputProps={{\n              variant: 'outlined',\n              type: 'text',\n              'aria-labelledby': 'input-slider',\n            }}\n          />\n        </Grid>\n        <Grid sx={{display: \"inline-grid\", alignItems: \"center\"}} size={1}>\n          <Typography sx={{justifySelf: \"center\"}}>\n            –\n          </Typography>\n        </Grid>\n        <Grid size={5.5}>\n          <TextField\n            value={tempValue[1]}\n            size='small'\n            fullWidth\n            variant='outlined'\n            onChange={handleSetTempValue1}\n            onBlur={handleBlur1}\n            onKeyDown={handleInputEnter1}\n            inputProps={{\n              type: 'text',\n              'aria-labelledby': 'input-slider',\n            }}\n          />\n        </Grid>\n      </Grid>\n    </Box>)\n  );\n}\n\nexport default RangeSlider;"],"names":["valuetext","value","RangeSlider","props","setValue","React","useState","defaultStart","defaultEnd","useEffect","setTempValue","onSliderChange","sliderMin","min","sliderMax","max","sliderStep","step","minDistance","tempValue","handleSetTempValue0","event","target","handleSetTempValue1","handleSliderChange","_event","newValue","activeThumb","Array","isArray","Number","Math","toFixed","handleSliderChangeCommited","onSliderChangeCommitted","handleInputEnter0","newTempValue0","curValue1","key","handleBlur0","handleInputEnter1","curValue0","newTempValue1","handleBlur1","jsxs","Box","width","jsx","Typography","title","Slider","height","Grid","TextField","variant","type","display","alignItems","justifySelf"],"mappings":"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"}

package/dist/ui-components.es40.js

@@ -1,78 +1,262 @@
-import * as f from "react";
-import o from "./ui-components.es84.js";
-import { clsx as d } from "./ui-components.es85.js";
-import y from "./ui-components.es136.js";
-import { getTableBodyUtilityClass as u } from "./ui-components.es145.js";
-import { j as n } from "./ui-components.es13.js";
-import { useDefaultProps as b } from "./ui-components.es95.js";
-import T from "./ui-components.es35.js";
-import x from "./ui-components.es98.js";
-const j = (s) => {
+import * as P from "react";
+import e from "./ui-components.es87.js";
+import { clsx as x } from "./ui-components.es86.js";
+import T from "./ui-components.es88.js";
+import a, { getFormControlLabelUtilityClasses as A } from "./ui-components.es156.js";
+import M from "./ui-components.es127.js";
+import U from "./ui-components.es122.js";
+import { j as m } from "./ui-components.es15.js";
+import { useDefaultProps as z } from "./ui-components.es91.js";
+import H from "./ui-components.es129.js";
+import v from "./ui-components.es25.js";
+import R from "./ui-components.es119.js";
+import I from "./ui-components.es92.js";
+import j from "./ui-components.es34.js";
+import V from "./ui-components.es136.js";
+const W = (r) => {
   const {
-    classes: t
-  } = s;
-  return x({
-    root: ["root"]
-  }, u, t);
-}, v = T("tbody", {
-  name: "MuiTableBody",
-  slot: "Root"
-})({
-  display: "table-row-group"
-}), B = {
-  variant: "body"
-}, p = "tbody", w = /* @__PURE__ */ f.forwardRef(function(t, r) {
-  const l = b({
-    props: t,
-    name: "MuiTableBody"
+    classes: o,
+    disabled: s,
+    labelPlacement: t,
+    error: c,
+    required: d
+  } = r, b = {
+    root: ["root", s && "disabled", `labelPlacement${R(t)}`, c && "error", d && "required"],
+    label: ["label", s && "disabled"],
+    asterisk: ["asterisk", c && "error"]
+  };
+  return I(b, A, o);
+}, _ = j("label", {
+  name: "MuiFormControlLabel",
+  slot: "Root",
+  overridesResolver: (r, o) => {
+    const {
+      ownerState: s
+    } = r;
+    return [{
+      [`& .${a.label}`]: o.label
+    }, o.root, o[`labelPlacement${R(s.labelPlacement)}`]];
+  }
+})(T(({
+  theme: r
+}) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  cursor: "pointer",
+  // For correct alignment with the text.
+  verticalAlign: "middle",
+  WebkitTapHighlightColor: "transparent",
+  marginLeft: -11,
+  marginRight: 16,
+  // used for row presentation of radio/checkbox
+  [`&.${a.disabled}`]: {
+    cursor: "default"
+  },
+  [`& .${a.label}`]: {
+    [`&.${a.disabled}`]: {
+      color: (r.vars || r).palette.text.disabled
+    }
+  },
+  variants: [{
+    props: {
+      labelPlacement: "start"
+    },
+    style: {
+      flexDirection: "row-reverse",
+      marginRight: -11
+    }
+  }, {
+    props: {
+      labelPlacement: "top"
+    },
+    style: {
+      flexDirection: "column-reverse"
+    }
+  }, {
+    props: {
+      labelPlacement: "bottom"
+    },
+    style: {
+      flexDirection: "column"
+    }
+  }, {
+    props: ({
+      labelPlacement: o
+    }) => o === "start" || o === "top" || o === "bottom",
+    style: {
+      marginLeft: 16
+      // used for row presentation of radio/checkbox
+    }
+  }]
+}))), B = j("span", {
+  name: "MuiFormControlLabel",
+  slot: "Asterisk"
+})(T(({
+  theme: r
+}) => ({
+  [`&.${a.error}`]: {
+    color: (r.vars || r).palette.error.main
+  }
+}))), G = /* @__PURE__ */ P.forwardRef(function(o, s) {
+  const t = z({
+    props: o,
+    name: "MuiFormControlLabel"
   }), {
-    className: c,
-    component: e = p,
-    ...m
-  } = l, a = {
-    ...l,
-    component: e
-  }, i = j(a);
-  return /* @__PURE__ */ n.jsx(y.Provider, {
-    value: B,
-    children: /* @__PURE__ */ n.jsx(v, {
-      className: d(i.root, c),
-      as: e,
-      ref: r,
-      role: e === p ? null : "rowgroup",
-      ownerState: a,
-      ...m
-    })
+    checked: c,
+    className: d,
+    componentsProps: b = {},
+    control: n,
+    disabled: F,
+    disableTypography: L,
+    inputRef: J,
+    label: q,
+    labelPlacement: N = "end",
+    name: K,
+    onChange: Q,
+    required: S,
+    slots: w = {},
+    slotProps: $ = {},
+    value: X,
+    ...k
+  } = t, y = H(), h = F ?? n.props.disabled ?? y?.disabled, f = S ?? n.props.required, g = {
+    disabled: h,
+    required: f
+  };
+  ["checked", "name", "onChange", "value", "inputRef"].forEach((i) => {
+    typeof n.props[i] > "u" && typeof t[i] < "u" && (g[i] = t[i]);
+  });
+  const O = M({
+    props: t,
+    muiFormControl: y,
+    states: ["error"]
+  }), p = {
+    ...t,
+    disabled: h,
+    labelPlacement: N,
+    required: f,
+    error: O.error
+  }, u = W(p), D = {
+    slots: w,
+    slotProps: {
+      ...b,
+      ...$
+    }
+  }, [E, C] = U("typography", {
+    elementType: v,
+    externalForwardedProps: D,
+    ownerState: p
+  });
+  let l = q;
+  return l != null && l.type !== v && !L && (l = /* @__PURE__ */ m.jsx(E, {
+    component: "span",
+    ...C,
+    className: x(u.label, C?.className),
+    children: l
+  })), /* @__PURE__ */ m.jsxs(_, {
+    className: x(u.root, d),
+    ownerState: p,
+    ref: s,
+    ...k,
+    children: [/* @__PURE__ */ P.cloneElement(n, g), f ? /* @__PURE__ */ m.jsxs("div", {
+      children: [l, /* @__PURE__ */ m.jsxs(B, {
+        ownerState: p,
+        "aria-hidden": !0,
+        className: u.asterisk,
+        children: [" ", "*"]
+      })]
+    }) : l]
   });
 });
-process.env.NODE_ENV !== "production" && (w.propTypes = {
+process.env.NODE_ENV !== "production" && (G.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, normally `TableRow`.
+   * If `true`, the component appears selected.
    */
-  children: o.node,
+  checked: e.bool,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: o.object,
+  classes: e.object,
   /**
    * @ignore
    */
-  className: o.string,
+  className: e.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   * @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.
+   */
+  componentsProps: e.shape({
+    typography: e.object
+  }),
+  /**
+   * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
+   */
+  control: e.element.isRequired,
   /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * If `true`, the control is disabled.
    */
-  component: o.elementType,
+  disabled: e.bool,
+  /**
+   * If `true`, the label is rendered as it is passed without an additional typography node.
+   */
+  disableTypography: e.bool,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: V,
+  /**
+   * A text or an element to be used in an enclosing label element.
+   */
+  label: e.node,
+  /**
+   * The position of the label.
+   * @default 'end'
+   */
+  labelPlacement: e.oneOf(["bottom", "end", "start", "top"]),
+  /**
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the label will indicate that the `input` is required.
+   */
+  required: e.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    typography: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    typography: e.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])
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component.
+   */
+  value: e.any
 });
 export {
-  w as default
+  _ as FormControlLabelRoot,
+  G as default
 };
 //# sourceMappingURL=ui-components.es40.js.map