@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-3E3JYKUK.js

@@ -1,153 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  fieldHeight,
-  fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-
-// src/components/data-display/DataViews/data-views-search.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import SearchIcon from "@mui/icons-material/Search";
-import IconButton from "@mui/material/IconButton/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SEARCH_DEBOUNCE_MS = 350;
-function boxWidth(fill) {
-  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? "none" : 384 };
-}
-function useKeywordDraft(value, onChange) {
-  const [draft, setDraft] = useState(value);
-  const prev = useRef(value);
-  if (prev.current !== value) {
-    prev.current = value;
-    if (draft !== value) setDraft(value);
-  }
-  const commit = useRef(onChange);
-  useEffect(() => {
-    commit.current = onChange;
-  });
-  useEffect(() => {
-    if (draft === value) return void 0;
-    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);
-    return () => clearTimeout(timer);
-  }, [draft, value]);
-  const commitNow = useCallback(
-    (typed) => {
-      setDraft(typed);
-      if (typed !== value) commit.current(typed);
-    },
-    [value]
-  );
-  return { draft, setDraft, commitNow };
-}
-function InlineKeyword({
-  value,
-  onChange,
-  testId,
-  autoFocus,
-  onEscape,
-  fill = false
-}) {
-  const copy = useDataViewsCopy();
-  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      value: draft,
-      autoFocus,
-      onChange: (event) => setDraft(event.target.value),
-      onKeyDown: (event) => {
-        if (event.key === "Escape") {
-          event.preventDefault();
-          if (draft === "") onEscape?.();
-          setDraft("");
-          return;
-        }
-        if (event.key !== "Enter") return;
-        event.preventDefault();
-        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);
-      },
-      placeholder: copy.search.placeholder,
-      inputProps: { "aria-label": copy.search.allColumnsLabel, "data-testid": testId },
-      InputProps: {
-        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 16, color: "text.secondary" } }) }),
-        endAdornment: draft ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            size: "small",
-            "aria-label": copy.search.clear,
-            "data-testid": testId ? `${testId}-clear` : void 0,
-            onClick: () => setDraft(""),
-            sx: { p: 0.25 },
-            children: /* @__PURE__ */ jsx(CloseIcon, { sx: { fontSize: 14 } })
-          }
-        ) }) : void 0
-      },
-      sx: (theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })
-    }
-  );
-}
-function CollapsedSearch({
-  active,
-  onOpen,
-  testId
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    IconButton,
-    {
-      size: "small",
-      onClick: onOpen,
-      "aria-label": copy.search.open,
-      "aria-expanded": false,
-      "data-testid": testId ? `${testId}-collapsed` : void 0,
-      sx: {
-        position: "relative",
-        width: fieldHeight,
-        height: fieldHeight,
-        border: 1,
-        borderRadius: fieldRadiusPx,
-        borderColor: (theme) => active ? theme.palette.primary.main : fieldEdge(theme),
-        color: active ? "primary.main" : "text.secondary",
-        bgcolor: active ? "action.selected" : "background.paper"
-      },
-      children: [
-        /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 18 } }),
-        active && /* @__PURE__ */ jsx(
-          default2,
-          {
-            component: "span",
-            sx: {
-              position: "absolute",
-              top: 2,
-              right: 2,
-              width: 6,
-              height: 6,
-              borderRadius: "50%",
-              bgcolor: "primary.main"
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-
-export {
-  InlineKeyword,
-  CollapsedSearch
-};
-//# sourceMappingURL=chunk-3E3JYKUK.js.map

package/dist/chunk-3E3JYKUK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-search.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE INLINE BAR'S SEARCH — the one control on the toolbar that cannot be\n * guessed from an icon's position, which is why it is the LAST thing the\n * degradation ladder takes away. See `data-views-overflow.ts`.\n */\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\nimport InputAdornment from \"@mui/material/InputAdornment/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight, fieldTextFieldStyles } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\n\n/** How long the box waits after the last keystroke before it queries. */\nconst SEARCH_DEBOUNCE_MS = 350;\n\n/**\n * How wide the keyword box is allowed to be.\n *\n * The 200px floor is right while the box shares the row: a search you cannot\n * read six characters in is not a search. It is WRONG once the box has been\n * expanded out of its collapsed state on a narrow screen, where the cluster was\n * sized for a magnifier — the floor cannot be met there, so the row scrolled\n * sideways instead (154px of overhang at 320px). In that mode the box shrinks,\n * and if what is left would still be unreadable the bar hands it the whole\n * cluster instead (`searchTakeover`).\n */\nfunction boxWidth(fill: boolean): { flex: number; minWidth: number; maxWidth: number | \"none\" } {\n  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? \"none\" : 384 };\n}\n\n/**\n * The box's own draft, and the two ways it reaches `onChange`.\n *\n * Extracted from {@link InlineKeyword} so the commit policy reads in one place\n * rather than split across a render body — and because it is where both halves\n * of a defect that lost searches outright had to be fixed.\n *\n * ## The debounce must not be keyed on the handler's identity\n *\n * Every caller builds `onChange` inline — the grid's own bar passes\n * `(value) => c.patch({ search: value })`, rebuilt on each render. Keying the\n * effect on it re-armed the timer on every render, and a busy admin page\n * re-renders more often than every 350ms as its queries land, so the timer\n * never survived to fire and the term was NEVER committed: measured in one\n * adopter as a dead `?q=` on a server-mode grid, where a 15-second loop pressed\n * Enter over and over and the URL never moved. So the handler is read through a\n * ref and the effect depends on `[draft, value]` alone.\n *\n * ## An immediate commit must read the BOX, not the draft\n *\n * A keystroke can land before React has processed the edit before it — a fast\n * typist, and every Playwright `fill()` followed by `press('Enter')`. `draft` is\n * then still the value from before the edit, and comparing THAT to `value` said\n * \"nothing changed\" and dropped the keystroke, leaving the term on screen with\n * an unfiltered list behind it. `commitNow` takes what the caller read off the\n * element and syncs the draft to it, which also keeps the box from being reset\n * to a stale draft by the next render when a host ignores the commit.\n */\nfunction useKeywordDraft(\n  value: string,\n  onChange: (next: string) => void,\n): { draft: string; setDraft: (next: string) => void; commitNow: (typed: string) => void } {\n  const [draft, setDraft] = useState(value);\n  const prev = useRef(value);\n  // An external change (a saved view, the URL, \"Limpar\") wins over the draft.\n  if (prev.current !== value) {\n    prev.current = value;\n    if (draft !== value) setDraft(value);\n  }\n  const commit = useRef(onChange);\n  useEffect(() => {\n    commit.current = onChange;\n  });\n  useEffect(() => {\n    if (draft === value) return undefined;\n    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [draft, value]);\n  const commitNow = useCallback(\n    (typed: string) => {\n      setDraft(typed);\n      if (typed !== value) commit.current(typed);\n    },\n    [value],\n  );\n  return { draft, setDraft, commitNow };\n}\n\n/**\n * The bar's keyword box.\n *\n * DEBOUNCED rather than committed on Enter/blur. In server mode every commit is\n * a round trip, and a box that only fires on blur makes the operator press a\n * key they were not told about to see any result at all — they type, nothing\n * happens, and the list looks broken. 350ms is long enough that a word costs\n * one query, short enough to feel like live search.\n *\n * `Escape` clears; the X clears without leaving the box. Both exist because\n * clearing by selecting-and-deleting is three gestures for the most common\n * thing anyone does to a search box.\n */\nexport function InlineKeyword({\n  value,\n  onChange,\n  testId,\n  autoFocus,\n  onEscape,\n  fill = false,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  testId?: string;\n  autoFocus?: boolean;\n  /** Called on Escape with the box already empty — the collapsed bar closes it. */\n  onEscape?: () => void;\n  /** Take whatever width there is, with no minimum — see {@link boxWidth}. */\n  fill?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);\n\n  return (\n    <TextField\n      size=\"small\"\n      value={draft}\n      autoFocus={autoFocus}\n      onChange={(event) => setDraft(event.target.value)}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          if (draft === \"\") onEscape?.();\n          setDraft(\"\");\n          return;\n        }\n        // Enter still commits IMMEDIATELY, ahead of the debounce — someone who\n        // presses it has decided, and waiting out the timer reads as a stall.\n        if (event.key !== \"Enter\") return;\n        event.preventDefault();\n        // The BOX, not `draft` — see {@link useKeywordDraft}.\n        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);\n      }}\n      placeholder={copy.search.placeholder}\n      inputProps={{ \"aria-label\": copy.search.allColumnsLabel, \"data-testid\": testId }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon sx={{ fontSize: 16, color: \"text.secondary\" }} />\n          </InputAdornment>\n        ),\n        endAdornment: draft ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              size=\"small\"\n              aria-label={copy.search.clear}\n              data-testid={testId ? `${testId}-clear` : undefined}\n              onClick={() => setDraft(\"\")}\n              sx={{ p: 0.25 }}\n            >\n              <CloseIcon sx={{ fontSize: 14 }} />\n            </IconButton>\n          </InputAdornment>\n        ) : undefined,\n      }}\n      // Takes the free space and gives it up first — step 3 of the ladder,\n      // which needs no flag because flex does it (see `computeSplit`). The\n      // corner is the theme's field radius, so the box matches the pills beside it.\n      sx={(theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })}\n    />\n  );\n}\n\n/**\n * Step 4 of the ladder: the search as a magnifier.\n *\n * Carries a dot when a search is APPLIED. Collapsing a control that is\n * currently filtering the list, with nothing saying so, is how an operator ends\n * up staring at 3 rows of 214 and reading it as missing data.\n */\nexport function CollapsedSearch({\n  active,\n  onOpen,\n  testId,\n}: {\n  active: boolean;\n  onOpen: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={onOpen}\n      aria-label={copy.search.open}\n      aria-expanded={false}\n      data-testid={testId ? `${testId}-collapsed` : undefined}\n      sx={{\n        position: \"relative\",\n        width: fieldHeight,\n        height: fieldHeight,\n        border: 1,\n        borderRadius: fieldRadiusPx,\n        borderColor: (theme) => (active ? theme.palette.primary.main : fieldEdge(theme)),\n        color: active ? \"primary.main\" : \"text.secondary\",\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n      }}\n    >\n      <SearchIcon sx={{ fontSize: 18 }} />\n      {active && (\n        <Box\n          component=\"span\"\n          sx={{\n            position: \"absolute\",\n            top: 2,\n            right: 2,\n            width: 6,\n            height: 6,\n            borderRadius: \"50%\",\n            bgcolor: \"primary.main\",\n          }}\n        />\n      )}\n    </IconButton>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/chunk-3EYRRVNT.js

@@ -1,64 +0,0 @@
-import {
-  useAutoplay,
-  useLightboxKeyboard,
-  useNavigation,
-  usePreloader,
-  useSwipe,
-  useWheelZoom,
-  useZoomState
-} from "./chunk-LTEXWGK6.js";
-
-// src/components/data-display/Lightbox/useLightbox.ts
-import { useCallback, useImperativeHandle, useState } from "react";
-var useLightbox = ({ isOpen, onClose, items, startIndex, showControls, loop, autoplay, zoomable }, ref) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const preloadImage = usePreloader();
-  const zoom = useZoomState();
-  const { currentIndex, goToIndex, next, prev } = useNavigation({
-    items,
-    loop,
-    startIndex,
-    resetZoom: zoom.resetZoom,
-    preloadImage
-  });
-  const currentItem = items[currentIndex];
-  const canZoom = Boolean(zoomable && currentItem && currentItem.type !== "video");
-  const handleWheel = useWheelZoom({ enabled: canZoom, setZoomLevel: zoom.setZoomLevel });
-  const { isAutoPlaying, setIsAutoPlaying, stopAutoplay } = useAutoplay({
-    isOpen,
-    autoplay,
-    itemCount: items.length,
-    currentIndex,
-    next
-  });
-  const close = useCallback(() => {
-    stopAutoplay();
-    onClose();
-  }, [stopAutoplay, onClose]);
-  const open = useCallback((index = 0) => goToIndex(index), [goToIndex]);
-  useImperativeHandle(ref, () => ({ open, close, next, prev, goTo: goToIndex }));
-  useLightboxKeyboard({ isOpen, showControls, autoplay, close, prev, next, setIsAutoPlaying });
-  const { handleTouchStart, handleTouchEnd } = useSwipe({ prev, next, close });
-  return {
-    currentIndex,
-    currentItem,
-    canZoom,
-    isLoading,
-    setIsLoading,
-    isAutoPlaying,
-    setIsAutoPlaying,
-    zoom,
-    handleWheel,
-    goToIndex,
-    next,
-    prev,
-    close,
-    handleTouchStart,
-    handleTouchEnd
-  };
-};
-
-export {
-  useLightbox
-};
-//# sourceMappingURL=chunk-3EYRRVNT.js.map

package/dist/chunk-3IYB3XY2.js

@@ -1,51 +0,0 @@
-import {
-  getAxisStyles,
-  getDefaultColors,
-  getSizeStyles,
-  resolveSeries
-} from "./chunk-MDR4WJOV.js";
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-4V532JF6.js";
-
-// src/components/data-display/Chart/chart-context.ts
-function buildChartContext(props, theme) {
-  const sizeStyles = getSizeStyles(props.size, props.height);
-  const chartColors = getDefaultColors(theme, props.variant ?? "default", props.colors);
-  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(
-    theme,
-    props.variant ?? "default",
-    sizeStyles.fontSize
-  );
-  const handleChartClick = (payload) => {
-    const chartData = payload;
-    if (props.onClick && chartData?.activePayload?.[0]) {
-      props.onClick(chartData.activePayload[0].payload);
-    }
-  };
-  return {
-    props,
-    theme,
-    sizeStyles,
-    chartColors,
-    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? "name", chartColors),
-    strokeType: props.curved ?? true ? "monotone" : "linear",
-    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },
-    gridStroke,
-    gridOpacity,
-    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),
-    barGeometry: resolveBarGeometry(props),
-    animationDuration: props.animate ?? true ? props.animationDuration ?? 1500 : 0,
-    commonProps: {
-      data: props.data,
-      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },
-      onClick: handleChartClick
-    }
-  };
-}
-
-export {
-  buildChartContext
-};
-//# sourceMappingURL=chunk-3IYB3XY2.js.map

package/dist/chunk-3IYB3XY2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Chart/chart-context.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartDataPoint, ChartProps, ChartSeries } from './Chart.types';\nimport { resolveAxisConfig, resolveBarGeometry, type BarGeometry, type CartesianAxisConfig } from './chart-axis';\nimport {\n  getAxisStyles,\n  getDefaultColors,\n  getSizeStyles,\n  resolveSeries,\n  type SizeStyles,\n} from './chart-internals';\n\n/**\n * Everything the per-type renderers in `chart-renderers.tsx` read, resolved\n * once from props + theme. Kept out of that file so each renderer is a small\n * JSX function over already-decided values — palette, series, axis geometry,\n * bar geometry — rather than a place where those decisions get made again\n * slightly differently.\n */\nexport interface ChartRenderContext {\n  props: ChartProps;\n  theme: Theme;\n  sizeStyles: SizeStyles;\n  chartColors: string[];\n  chartSeries: ChartSeries[];\n  strokeType: 'monotone' | 'linear';\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /** Multiplier on `gridStroke`'s alpha — see `getAxisStyles`. */\n  gridOpacity: number;\n  axisConfig: CartesianAxisConfig;\n  barGeometry: BarGeometry;\n  animationDuration: number;\n  commonProps: {\n    data: ChartDataPoint[];\n    margin: { top?: number; right?: number; bottom?: number; left?: number };\n    onClick: (payload: unknown) => void;\n  };\n}\n\nexport function buildChartContext(props: ChartProps, theme: Theme): ChartRenderContext {\n  const sizeStyles = getSizeStyles(props.size, props.height);\n  const chartColors = getDefaultColors(theme, props.variant ?? 'default', props.colors);\n  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(\n    theme,\n    props.variant ?? 'default',\n    sizeStyles.fontSize,\n  );\n  const handleChartClick = (payload: unknown): void => {\n    const chartData = payload as { activePayload?: Array<{ payload: ChartDataPoint }> };\n    if (props.onClick && chartData?.activePayload?.[0]) {\n      props.onClick(chartData.activePayload[0].payload);\n    }\n  };\n  return {\n    props,\n    theme,\n    sizeStyles,\n    chartColors,\n    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? 'name', chartColors),\n    strokeType: (props.curved ?? true) ? 'monotone' : 'linear',\n    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },\n    gridStroke,\n    gridOpacity,\n    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),\n    barGeometry: resolveBarGeometry(props),\n    animationDuration: (props.animate ?? true) ? (props.animationDuration ?? 1500) : 0,\n    commonProps: {\n      data: props.data,\n      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },\n      onClick: handleChartClick,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;AAyCO,SAAS,kBAAkB,OAAmB,OAAkC;AACrF,QAAM,aAAa,cAAc,MAAM,MAAM,MAAM,MAAM;AACzD,QAAM,cAAc,iBAAiB,OAAO,MAAM,WAAW,WAAW,MAAM,MAAM;AACpF,QAAM,EAAE,WAAW,YAAY,YAAY,IAAI;AAAA,IAC7C;AAAA,IACA,MAAM,WAAW;AAAA,IACjB,WAAW;AAAA,EACb;AACA,QAAM,mBAAmB,CAAC,YAA2B;AACnD,UAAM,YAAY;AAClB,QAAI,MAAM,WAAW,WAAW,gBAAgB,CAAC,GAAG;AAClD,YAAM,QAAQ,UAAU,cAAc,CAAC,EAAE,OAAO;AAAA,IAClD;AAAA,EACF;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,cAAc,MAAM,MAAM,MAAM,QAAQ,MAAM,YAAY,QAAQ,WAAW;AAAA,IAC1F,YAAa,MAAM,UAAU,OAAQ,aAAa;AAAA,IAClD,WAAW,EAAE,GAAG,WAAW,UAAU,WAAW,SAAS;AAAA,IACzD;AAAA,IACA;AAAA,IACA,YAAY,kBAAkB,OAAO,WAAW,UAAU;AAAA,IAC1D,aAAa,mBAAmB,KAAK;AAAA,IACrC,mBAAoB,MAAM,WAAW,OAAS,MAAM,qBAAqB,OAAQ;AAAA,IACjF,aAAa;AAAA,MACX,MAAM,MAAM;AAAA,MACZ,QAAQ,EAAE,KAAK,IAAI,OAAO,IAAI,MAAM,IAAI,QAAQ,IAAI,GAAG,MAAM,OAAO;AAAA,MACpE,SAAS;AAAA,IACX;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-3P4THDBM.js

@@ -1,26 +0,0 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-QQS3GQYS.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/feedback/ConfirmAction/ConfirmAction.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ConfirmAction({
-  onConfirm,
-  children,
-  ...options
-}) {
-  const state = useConfirmAction(onConfirm, options.errorText);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children(state.request, { pending: state.pending }),
-    /* @__PURE__ */ jsx(ConfirmActionDialog, { state, ...options })
-  ] });
-}
-ConfirmAction.displayName = "ConfirmAction";
-
-export {
-  ConfirmAction
-};
-//# sourceMappingURL=chunk-3P4THDBM.js.map

package/dist/chunk-3QNSTLGC.js

@@ -1,138 +0,0 @@
-import {
-  SettingsRail
-} from "./chunk-A4JH5FAL.js";
-import {
-  activeItemLabel,
-  filterGroups
-} from "./chunk-BXC6GRLE.js";
-import {
-  SettingsPanel
-} from "./chunk-IE7ISTLQ.js";
-import {
-  atLeastRail
-} from "./chunk-LIG7TKIB.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/layout/SettingsLayout/SettingsLayout.tsx
-import Box from "@mui/material/Box/index.js";
-import { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  searchPlaceholder: "Search settings",
-  defaultQuery: "",
-  emptySearchLabel: "No settings match your search.",
-  testIdPrefix: "settings",
-  railBreakpoint: "md",
-  navVariant: "switcher",
-  atIndex: false,
-  backLabel: "Back"
-};
-function shellSx(breakpoint, fillHeight) {
-  return (theme) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch",
-    gap: 1.5,
-    width: "100%",
-    minWidth: 0,
-    // Only ever at the wide shape. Narrow, the rail is a disclosure or the page
-    // itself, and two independent scrollbars on a phone is a trap rather than a
-    // convenience.
-    [atLeastRail(theme, breakpoint ?? "md")]: {
-      flexDirection: "row",
-      gap: 3,
-      ...fillHeight ? { height: "100%", minHeight: 0 } : {}
-    }
-  });
-}
-var SettingsLayout = (props) => {
-  const {
-    title,
-    groups,
-    activeItemId,
-    onSelectItem,
-    searchPlaceholder,
-    defaultQuery,
-    emptySearchLabel,
-    emptySearchAction,
-    linkComponent,
-    children,
-    testIdPrefix,
-    railBreakpoint,
-    fillHeight = false,
-    navVariant,
-    atIndex,
-    indexHref,
-    backLabel,
-    sectionChips
-  } = withDefaults(props, DEFAULTS);
-  const [query, setQuery] = useState(defaultQuery);
-  const [navOpen, setNavOpen] = useState(false);
-  const filteredGroups = useMemo(() => filterGroups(groups, query), [groups, query]);
-  const activeLabel = useMemo(() => activeItemLabel(groups, activeItemId), [groups, activeItemId]);
-  const drilldown = navVariant === "drilldown";
-  const ariaLabel = typeof title === "string" ? title : "Settings";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": testIdPrefix,
-      "data-nav-variant": navVariant,
-      "data-at-index": atIndex ? "true" : "false",
-      sx: shellSx(railBreakpoint, fillHeight),
-      children: [
-        /* @__PURE__ */ jsx(
-          SettingsRail,
-          {
-            title,
-            activeLabel,
-            navOpen,
-            onToggleNav: () => setNavOpen((open) => !open),
-            query,
-            onQueryChange: setQuery,
-            searchPlaceholder,
-            emptySearchLabel,
-            emptySearchAction,
-            filteredGroups,
-            activeItemId,
-            linkComponent,
-            onSelectItem,
-            onNavigate: () => setNavOpen(false),
-            testIdPrefix,
-            variant: navVariant,
-            breakpoint: railBreakpoint,
-            atIndex,
-            fillHeight
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SettingsPanel,
-          {
-            inSection: drilldown && !atIndex,
-            hideOnNarrow: drilldown && atIndex,
-            breakpoint: railBreakpoint,
-            indexHref,
-            sectionTitle: props.sectionTitle,
-            sectionDescription: props.sectionDescription,
-            backLabel,
-            ariaLabel,
-            sectionChips,
-            activeItemId,
-            linkComponent,
-            onSelectItem,
-            testIdPrefix,
-            fillHeight,
-            children
-          }
-        )
-      ]
-    }
-  );
-};
-SettingsLayout.displayName = "SettingsLayout";
-
-export {
-  SettingsLayout
-};
-//# sourceMappingURL=chunk-3QNSTLGC.js.map