@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-JRHZZTVV.js

@@ -1,241 +0,0 @@
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-PI5G6N6Q.js";
-import {
-  DataViewsEmpty
-} from "./chunk-SVFA75FO.js";
-import {
-  InlineFilterControls
-} from "./chunk-LLR42S6B.js";
-import {
-  GridHeaderRow
-} from "./chunk-ECZXTIDR.js";
-import {
-  GridMain
-} from "./chunk-IFAEKIT2.js";
-import {
-  DataViewsPagination
-} from "./chunk-6M7CMILP.js";
-import {
-  toOverflowFields,
-  useFilterOverflow
-} from "./chunk-TQ6FPOPD.js";
-import {
-  ScopeTabsSlot
-} from "./chunk-Y5UCOBQN.js";
-import {
-  ShellToolbar
-} from "./chunk-XYXTEGIM.js";
-import {
-  resolveSelectionExtra
-} from "./chunk-KX75HM5U.js";
-import {
-  togglePillValues
-} from "./chunk-7FWXG2KF.js";
-import {
-  DataViewsLayoutProvider,
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-NMX3JAAB.js";
-import {
-  default as default2
-} from "./chunk-WEBEOBN5.js";
-
-// src/components/data-display/DataViews/data-views-grid-parts.tsx
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function LayoutStateSync({
-  c
-}) {
-  const { layout } = useDataViewsLayout();
-  const stored = c.state.layout;
-  useEffect(() => {
-    if (stored !== layout) c.patch({ layout });
-  }, [layout, stored]);
-  return null;
-}
-function useGridShellFilters({
-  c,
-  inlineFilters,
-  fields,
-  rangeFields,
-  testIdPrefix,
-  alwaysShowSearch,
-  hasExport
-}) {
-  const { state } = c;
-  const [openControls, setOpenControls] = useState(0);
-  const split = useFilterOverflow(
-    toOverflowFields(fields, rangeFields),
-    state.pills,
-    c.ranges,
-    openControls > 0,
-    hasExport
-  );
-  const showInline = inlineFilters;
-  const useModal = false;
-  const inlineVisible = showInline && (alwaysShowSearch || fields.length > 0 || rangeFields.length > 0 || state.search !== "");
-  const filterProps = {
-    testIdPrefix,
-    search: state.search,
-    fields,
-    rangeFields,
-    pills: state.pills,
-    ranges: c.ranges,
-    onSearchChange: (value) => c.patch({ search: value }),
-    // Updater, never the render's `state` — see {@link DataViewStatePatch}.
-    onTogglePill: (fieldId, value, checked) => c.patch(({ pills }) => ({ pills: { ...pills, [fieldId]: togglePillValues(pills[fieldId], value, checked) } })),
-    onChangeRange: (fieldId, range) => c.patch({ ranges: { ...c.ranges, [fieldId]: range } }),
-    onClearField: (fieldId) => c.patch({ pills: { ...state.pills, [fieldId]: [] } }),
-    onClearAll: () => c.patch({ search: "", pills: {}, ranges: {} })
-  };
-  return {
-    showInline,
-    useModal,
-    inlineVisible,
-    filterProps,
-    split,
-    onControlOpenChange: (open) => setOpenControls((count) => Math.max(0, count + (open ? 1 : -1)))
-  };
-}
-function ShellStack({
-  props,
-  filters
-}) {
-  const copy = useDataViewsCopy();
-  const { c, testIdPrefix, dataTestId, scopes = [], emptyState, inlineFilters = false } = props;
-  const { showInline, useModal, inlineVisible, filterProps, split, onControlOpenChange } = filters;
-  const body = /* @__PURE__ */ jsx(
-    DataViewsEmpty,
-    {
-      filtered: c.activeFilterCount > 0 || c.state.search !== "",
-      onClearFilters: () => c.patch({ search: "", pills: {}, ranges: {} }),
-      emptyState,
-      testIdPrefix
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    TableFilter,
-    {
-      copy: copy.tableFilter,
-      open: c.filterOpen,
-      onOpenChange: c.setFilterOpen,
-      hasActiveFilters: c.activeFilterCount > 0,
-      children: /* @__PURE__ */ jsxs(default2, { spacing: 0, "data-testid": dataTestId ? `${dataTestId}-container` : void 0, children: [
-        /* @__PURE__ */ jsx(GridHeaderRow, { title: props.title, headerActions: props.headerActions, testIdPrefix }),
-        /* @__PURE__ */ jsx(
-          ShellToolbar,
-          {
-            c,
-            rows: props.rows,
-            sortKinds: props.sortKinds,
-            displayView: props.displayView,
-            exportConfig: props.exportConfig,
-            filterControls: inlineVisible ? /* @__PURE__ */ jsx(
-              InlineFilterControls,
-              {
-                ...filterProps,
-                split,
-                activeFilterCount: c.activeFilterCount,
-                onControlOpenChange
-              }
-            ) : void 0,
-            barRef: split.barRef,
-            testIdPrefix,
-            rowActions: props.rowActions,
-            bulkActions: props.bulkActions,
-            selectionExtra: resolveSelectionExtra(props),
-            toolbarRightSlot: props.toolbarRightSlot,
-            compactControls: showInline && split.compactControls,
-            counterHidden: showInline && split.counterHidden,
-            showInline
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ScopeTabsSlot,
-          {
-            scopes,
-            scopeFieldId: props.scopeFieldId,
-            board: props.board,
-            value: c.scope,
-            onChange: c.setScope,
-            counts: c.scopeCounts,
-            testIdPrefix
-          }
-        ),
-        /* @__PURE__ */ jsxs(TableFilter.Layout, { children: [
-          /* @__PURE__ */ jsxs(TableFilter.Main, { children: [
-            /* @__PURE__ */ jsx(
-              GridMain,
-              {
-                c,
-                getRowId: props.getRowId,
-                renderCard: props.renderCard,
-                renderListRow: props.renderListRow,
-                listGroup: props.listGroup,
-                board: props.board,
-                rowDetail: props.rowDetail,
-                dataTestId,
-                testIdPrefix,
-                emptyState: body
-              }
-            ),
-            /* @__PURE__ */ jsx(DataViewsPagination, { c, testIdPrefix })
-          ] }),
-          inlineFilters ? null : /* @__PURE__ */ jsx(GridFilterPanel, { ...filterProps })
-        ] }),
-        useModal && /* @__PURE__ */ jsx(FilterDialog, { open: c.filterOpen, onClose: () => c.setFilterOpen(false), ...filterProps })
-      ] })
-    }
-  );
-}
-function GridShell(props) {
-  const {
-    c,
-    fields,
-    rangeFields,
-    testIdPrefix,
-    renderCard,
-    renderListRow,
-    board,
-    defaultLayout,
-    ignoreStoredLayout,
-    inlineFilters = false,
-    alwaysShowSearch = false
-  } = props;
-  const filters = useGridShellFilters({
-    c,
-    inlineFilters,
-    fields,
-    rangeFields,
-    testIdPrefix,
-    alwaysShowSearch,
-    hasExport: props.exportConfig !== void 0
-  });
-  return /* @__PURE__ */ jsxs(
-    DataViewsLayoutProvider,
-    {
-      canUseCards: Boolean(renderCard),
-      canUseList: Boolean(renderListRow),
-      canUseBoard: Boolean(board && renderCard),
-      defaultLayout,
-      ignoreStoredLayout,
-      viewLayout: c.state.layout,
-      children: [
-        /* @__PURE__ */ jsx(LayoutStateSync, { c }),
-        /* @__PURE__ */ jsx(ShellStack, { props, filters })
-      ]
-    }
-  );
-}
-
-export {
-  GridShell
-};
-//# sourceMappingURL=chunk-JRHZZTVV.js.map

package/dist/chunk-JXNT5TUP.js

@@ -1,142 +0,0 @@
-import {
-  SIZE_MAP,
-  makeTestIds,
-  resolveLoadingStateProps
-} from "./chunk-7DFEKTT7.js";
-import {
-  SKELETON_FULL_ROW_WIDTH,
-  SKELETON_LAST_ROW_WIDTH,
-  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
-  SKELETON_PADDING_UNITS,
-  SKELETON_RADIUS,
-  SKELETON_ROW_GAP_UNITS,
-  SKELETON_ROW_HEIGHT,
-  SPINNER_GAP_UNITS,
-  SPINNER_MIN_HEIGHT,
-  SPINNER_PADDING_UNITS
-} from "./chunk-YSTHOE66.js";
-import {
-  Skeleton
-} from "./chunk-7VN7LFBA.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/data-display/LoadingState/LoadingState.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var LoadingMessage = ({ message, size, testIds, sx }) => message ? /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: SIZE_MAP[size].text,
-    color: "text.secondary",
-    sx,
-    "data-testid": testIds.named("message"),
-    children: message
-  }
-) : null;
-var SkeletonView = ({
-  message,
-  size,
-  skeletonRows,
-  className,
-  testIds
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading content",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        width: "100%",
-        padding: theme.spacing(SKELETON_PADDING_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(Stack, { spacing: SKELETON_ROW_GAP_UNITS, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            variant: "rectangular",
-            animation: "wave",
-            height: SKELETON_ROW_HEIGHT[size],
-            width: index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH,
-            borderRadius: SKELETON_RADIUS,
-            "data-testid": testIds.optional(`skeleton-${index}`)
-          },
-          `skeleton-row-${index}`
-        )) }),
-        /* @__PURE__ */ jsx(
-          LoadingMessage,
-          {
-            message,
-            size,
-            testIds,
-            sx: { mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: "center" }
-          }
-        )
-      ]
-    }
-  );
-};
-var SpinnerView = ({ message, size, className, testIds }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: theme.spacing(SPINNER_PADDING_UNITS),
-        minHeight: SPINNER_MIN_HEIGHT,
-        gap: theme.spacing(SPINNER_GAP_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          CircularProgress,
-          {
-            size: SIZE_MAP[size].spinner,
-            "data-testid": testIds.named("spinner")
-          }
-        ),
-        /* @__PURE__ */ jsx(LoadingMessage, { message, size, testIds })
-      ]
-    }
-  );
-};
-var LoadingState = React.memo((rawProps) => {
-  const resolved = resolveLoadingStateProps(rawProps);
-  const { variant, message, size, skeletonRows, className } = resolved;
-  const viewProps = {
-    message,
-    size,
-    skeletonRows,
-    className,
-    // `dataTestId` is the documented spelling; `testID`, the shared contract's
-    // other one, resolves to the same id.
-    testIds: makeTestIds(resolveTestId(resolved))
-  };
-  return variant === "skeleton" ? /* @__PURE__ */ jsx(SkeletonView, { ...viewProps }) : /* @__PURE__ */ jsx(SpinnerView, { ...viewProps });
-});
-LoadingState.displayName = "LoadingState";
-var LoadingState_default = LoadingState;
-
-export {
-  LoadingState,
-  LoadingState_default
-};
-//# sourceMappingURL=chunk-JXNT5TUP.js.map

package/dist/chunk-JYETSTOQ.js

@@ -1,82 +0,0 @@
-import {
-  baseStyles,
-  effectStyles,
-  getColorFromTheme,
-  variantStyles
-} from "./chunk-5UWSDTZV.js";
-
-// src/components/form/Toggle/Toggle.tsx
-import ToggleButton from "@mui/material/ToggleButton/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledToggle = styled(ToggleButton, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize", "glow", "glass", "gradient"].includes(
-    prop
-  )
-})(({
-  theme,
-  customVariant,
-  customColor = "primary",
-  customSize = "md",
-  glow,
-  glass,
-  gradient
-}) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  return {
-    ...baseStyles(theme, colorPalette, customSize),
-    ...variantStyles(customVariant, colorPalette),
-    ...effectStyles(theme, colorPalette, { glass, gradient, glow })
-  };
-});
-var Toggle = forwardRef(
-  ({
-    variant = "default",
-    color = "primary",
-    size = "md",
-    icon,
-    glow = false,
-    glass = false,
-    gradient = false,
-    dataTestId,
-    children,
-    ...props
-  }, ref) => {
-    const testIds = {
-      container: dataTestId,
-      icon: dataTestId ? `${dataTestId}-icon` : void 0
-    };
-    return /* @__PURE__ */ jsxs(
-      StyledToggle,
-      {
-        ref,
-        customVariant: variant,
-        customColor: color,
-        customSize: size,
-        glow,
-        glass,
-        gradient,
-        "data-testid": testIds.container,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: { marginRight: children ? "8px" : "0" },
-              "data-testid": testIds.icon,
-              children: icon
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-);
-Toggle.displayName = "Toggle";
-
-export {
-  Toggle
-};
-//# sourceMappingURL=chunk-JYETSTOQ.js.map

package/dist/chunk-JYETSTOQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Toggle/Toggle.tsx"],"sourcesContent":["import ToggleButton from '@mui/material/ToggleButton/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport {\n  baseStyles,\n  effectStyles,\n  getColorFromTheme,\n  variantStyles,\n} from './Toggle.styles';\nimport type { ToggleProps } from './Toggle.types';\n\nconst StyledToggle = styled(ToggleButton, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize', 'glow', 'glass', 'gradient'].includes(\n      prop as string,\n    ),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n}>(({\n  theme,\n  customVariant,\n  customColor = 'primary',\n  customSize = 'md',\n  glow,\n  glass,\n  gradient,\n}) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    ...baseStyles(theme, colorPalette, customSize),\n    ...variantStyles(customVariant, colorPalette),\n    ...effectStyles(theme, colorPalette, { glass, gradient, glow }),\n  };\n});\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      variant = 'default',\n      color = 'primary',\n      size = 'md',\n      icon,\n      glow = false,\n      glass = false,\n      gradient = false,\n      dataTestId,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const testIds = {\n      container: dataTestId,\n      icon: dataTestId ? `${dataTestId}-icon` : undefined,\n    };\n\n    return (\n      <StyledToggle\n        ref={ref}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        glow={glow}\n        glass={glass}\n        gradient={gradient}\n        data-testid={testIds.container}\n        {...props}\n      >\n        {icon && (\n          <span\n            style={{ marginRight: children ? '8px' : '0' }}\n            data-testid={testIds.icon}\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n      </StyledToggle>\n    );\n  },\n);\n\nToggle.displayName = 'Toggle';\n"],"mappings":";;;;;;;;AAAA,OAAO,kBAAkB;AACzB,SAAS,cAAc;AACvB,SAAgB,kBAAkB;AA8D5B,SAYI,KAZJ;AApDN,IAAM,eAAe,OAAO,cAAc;AAAA,EACxC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,eAAe,cAAc,QAAQ,SAAS,UAAU,EAAE;AAAA,IAC3E;AAAA,EACF;AACJ,CAAC,EAOE,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,kBAAkB,OAAO,WAAW;AAEzD,SAAO;AAAA,IACL,GAAG,WAAW,OAAO,cAAc,UAAU;AAAA,IAC7C,GAAG,cAAc,eAAe,YAAY;AAAA,IAC5C,GAAG,aAAa,OAAO,cAAc,EAAE,OAAO,UAAU,KAAK,CAAC;AAAA,EAChE;AACF,CAAC;AAEM,IAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU;AAAA,MACd,WAAW;AAAA,MACX,MAAM,aAAa,GAAG,UAAU,UAAU;AAAA,IAC5C;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,QAAQ;AAAA,QACpB,GAAG;AAAA,QAEH;AAAA,kBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,cAC7C,eAAa,QAAQ;AAAA,cAEpB;AAAA;AAAA,UACH;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-JZJOAGBG.js

@@ -1,183 +0,0 @@
-import {
-  MoreGroup,
-  fieldClearing
-} from "./chunk-SVXHKIGJ.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-more-filters.tsx
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import FilterAltRoundedIcon from "@mui/icons-material/FilterAltRounded";
-import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function MoreTrigger({
-  count,
-  appliedCount,
-  compact,
-  onOpen,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const applied = appliedCount > 0;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-more-filters`,
-      "aria-label": applied ? copy.filters.moreFiltersApplied(count, appliedCount) : copy.filters.moreFilters(count),
-      children: /* @__PURE__ */ jsxs(
-        default2,
-        {
-          component: "span",
-          sx: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: 0.5,
-            color: applied ? "primary.main" : void 0
-          },
-          children: [
-            /* @__PURE__ */ jsx(FilterAltRoundedIcon, { fontSize: "small" }),
-            !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.filters.moreTriggerLabel }),
-            /* @__PURE__ */ jsx(
-              default2,
-              {
-                component: "span",
-                "data-testid": `${testIdPrefix}-more-badge`,
-                sx: {
-                  px: 0.75,
-                  borderRadius: 5,
-                  bgcolor: applied ? "primary.main" : "action.selected",
-                  color: applied ? "primary.contrastText" : void 0,
-                  fontSize: "0.6875rem",
-                  fontWeight: applied ? 700 : void 0
-                },
-                children: applied ? appliedCount : count
-              }
-            ),
-            !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-          ]
-        }
-      )
-    }
-  );
-}
-function MoreHeading() {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        px: 1.5,
-        py: 1,
-        borderBottom: 1,
-        borderColor: "divider"
-      },
-      children: [
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { textTransform: "uppercase", letterSpacing: 0.5, color: "text.disabled" }, children: copy.filters.moreHeading }) }),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { ml: "auto", color: "text.disabled" }, children: copy.filters.overflowNote }) })
-      ]
-    }
-  );
-}
-function MoreFooter({
-  onClearAll,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(default2, { sx: { px: 1.5, py: 1, borderTop: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick: onClearAll,
-      "data-testid": `${testIdPrefix}-more-clear-all`,
-      sx: {
-        width: "100%",
-        border: 0,
-        p: 0,
-        bgcolor: "transparent",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.8125rem",
-        textAlign: "left",
-        color: "primary.main",
-        "&:hover": { textDecoration: "underline" }
-      },
-      children: copy.filters.clearAll
-    }
-  ) });
-}
-function MoreFilters({
-  fields,
-  onOpenChange,
-  onClearAll,
-  anyApplied,
-  compact = false,
-  ...rest
-}) {
-  const [anchor, setAnchor] = useState(null);
-  if (fields.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      MoreTrigger,
-      {
-        count: fields.length,
-        appliedCount: fields.filter(
-          (field) => fieldClearing({
-            field,
-            pills: rest.pills,
-            ranges: rest.ranges,
-            onTogglePill: rest.onTogglePill,
-            onChangeRange: rest.onChangeRange
-          }).applied
-        ).length,
-        compact,
-        onOpen: (element) => {
-          setAnchor(element);
-          onOpenChange?.(true);
-        },
-        testIdPrefix: rest.testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: () => {
-          setAnchor(null);
-          onOpenChange?.(false);
-        },
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { width: 300, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsxs(default2, { "data-testid": `${rest.testIdPrefix}-more-panel`, children: [
-          /* @__PURE__ */ jsx(MoreHeading, {}),
-          /* @__PURE__ */ jsx(default2, { sx: { maxHeight: 320, overflowY: "auto", overflowX: "hidden", p: 1.5, minWidth: 0 }, children: fields.map((field) => /* @__PURE__ */ jsx(MoreGroup, { field, ...rest }, field.id)) }),
-          anyApplied && /* @__PURE__ */ jsx(MoreFooter, { onClearAll, testIdPrefix: rest.testIdPrefix })
-        ] })
-      }
-    )
-  ] });
-}
-
-export {
-  MoreFilters
-};
-//# sourceMappingURL=chunk-JZJOAGBG.js.map