@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-EKSSKQUW.js

@@ -1,275 +0,0 @@
-import {
-  InlineTrigger,
-  PillTrigger,
-  StackedTrigger,
-  buildTriggerLabel
-} from "./chunk-VNHLYDTX.js";
-import {
-  fieldTextFieldStyles
-} from "./chunk-CGO452DC.js";
-
-// src/components/layout/ContentToolbar/MultiSelectDropdown.tsx
-import SearchIcon from "@mui/icons-material/Search";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Checkbox from "@mui/material/Checkbox/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import ListSubheader from "@mui/material/ListSubheader/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useMemo, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CheckboxRow({
-  label,
-  count,
-  checked,
-  onToggle
-}) {
-  return /* @__PURE__ */ jsxs(MenuItem, { onClick: () => onToggle(!checked), sx: { gap: 1 }, children: [
-    /* @__PURE__ */ jsx(Checkbox, { checked, size: "small", disableRipple: true, sx: { p: 0, pointerEvents: "none" }, tabIndex: -1 }),
-    /* @__PURE__ */ jsxs(Box, { component: "span", sx: { flex: 1, minWidth: 0, textAlign: "left" }, children: [
-      label,
-      count != null && /* @__PURE__ */ jsxs(Box, { component: "span", sx: { color: "text.secondary" }, children: [
-        " ",
-        "(",
-        count,
-        ")"
-      ] })
-    ] })
-  ] });
-}
-function MultiSelectDropdown({
-  label,
-  options,
-  selected,
-  onToggle,
-  onClear,
-  allLabel = "All",
-  clearLabel,
-  clearText,
-  extraOptionsHeading,
-  extraOptions,
-  searchable,
-  searchPlaceholder = "Search\u2026",
-  noResultsLabel = "No results",
-  layout = "inline",
-  "data-testid": testId,
-  onOpenChange
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const [query, setQuery] = useState("");
-  const open = Boolean(anchorEl);
-  const stacked = layout === "stacked";
-  const close = () => {
-    setAnchorEl(null);
-    setQuery("");
-    onOpenChange?.(false);
-  };
-  const triggerLabel = buildTriggerLabel(selected, options, allLabel);
-  const showSearch = searchable ?? options.length > 8;
-  const anyExtraChecked = extraOptions?.some((option) => option.checked) ?? false;
-  const clearDisabled = selected.size === 0 && !anyExtraChecked;
-  const openMenu = (event) => {
-    setAnchorEl(event.currentTarget);
-    onOpenChange?.(true);
-  };
-  const triggerProps = { triggerLabel, open, onOpen: openMenu, testId };
-  const renderTrigger = () => {
-    if (stacked) return /* @__PURE__ */ jsx(StackedTrigger, { label, ...triggerProps });
-    if (layout === "pill")
-      return /* @__PURE__ */ jsx(
-        PillTrigger,
-        {
-          clearLabel,
-          label,
-          selectedCount: selected.size,
-          onClear,
-          ...triggerProps
-        }
-      );
-    return /* @__PURE__ */ jsx(InlineTrigger, { label, ...triggerProps });
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderTrigger(),
-    /* @__PURE__ */ jsx(
-      MultiSelectMenu,
-      {
-        extraOptionsHeading,
-        clearText,
-        anchorEl,
-        open,
-        close,
-        options,
-        selected,
-        onToggle,
-        extraOptions,
-        clearDisabled,
-        onClear,
-        showSearch,
-        query,
-        onQueryChange: setQuery,
-        searchPlaceholder,
-        noResultsLabel,
-        matchAnchorWidth: stacked,
-        testId
-      }
-    )
-  ] });
-}
-function MenuSearchField({
-  query,
-  onQueryChange,
-  placeholder,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: { position: "sticky", top: 0, zIndex: 1, bgcolor: "background.paper", px: 1, py: 0.75 },
-      onKeyDown: (event) => event.stopPropagation(),
-      children: /* @__PURE__ */ jsx(
-        TextField,
-        {
-          autoFocus: true,
-          size: "small",
-          sx: fieldTextFieldStyles,
-          fullWidth: true,
-          value: query,
-          onChange: (event) => onQueryChange(event.target.value),
-          placeholder,
-          inputProps: { "aria-label": placeholder, "data-testid": testId ? `${testId}-search` : void 0 },
-          InputProps: {
-            startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 16 } }) })
-          }
-        }
-      )
-    }
-  );
-}
-function resolveMenuPlacement(matchAnchorWidth, anchorEl) {
-  if (!matchAnchorWidth) return { anchorWidth: void 0, align: "right" };
-  return { anchorWidth: anchorEl?.offsetWidth, align: "left" };
-}
-function MultiSelectMenu({
-  anchorEl,
-  open,
-  close,
-  options,
-  selected,
-  onToggle,
-  extraOptions,
-  extraOptionsHeading,
-  clearText,
-  clearDisabled,
-  onClear,
-  showSearch,
-  query,
-  onQueryChange,
-  searchPlaceholder,
-  noResultsLabel,
-  matchAnchorWidth,
-  testId
-}) {
-  const trimmed = query.trim().toLowerCase();
-  const visibleOptions = useMemo(
-    () => trimmed ? options.filter((option) => option.label.toLowerCase().includes(trimmed)) : options,
-    [options, trimmed]
-  );
-  const { anchorWidth, align } = resolveMenuPlacement(matchAnchorWidth, anchorEl);
-  return /* @__PURE__ */ jsxs(
-    Menu,
-    {
-      anchorEl,
-      open,
-      onClose: close,
-      anchorOrigin: { vertical: "bottom", horizontal: align },
-      transformOrigin: { vertical: "top", horizontal: align },
-      autoFocus: !showSearch,
-      disableAutoFocusItem: true,
-      slotProps: {
-        // Cap the height so a long list (e.g. many categories) scrolls instead
-        // of running off-screen; the sticky search box stays pinned on top.
-        paper: { sx: { minWidth: anchorWidth ?? 180, width: anchorWidth, maxHeight: 360 } },
-        list: { sx: { pt: showSearch ? 0 : void 0, pb: 0 } }
-      },
-      children: [
-        showSearch && /* @__PURE__ */ jsx(MenuSearchField, { query, onQueryChange, placeholder: searchPlaceholder, testId }),
-        visibleOptions.length === 0 && showSearch ? /* @__PURE__ */ jsx(MenuItem, { disabled: true, "data-testid": testId ? `${testId}-no-results` : void 0, sx: { fontSize: "0.8125rem" }, children: noResultsLabel }) : visibleOptions.map((option) => /* @__PURE__ */ jsx(
-          CheckboxRow,
-          {
-            label: option.label,
-            count: option.count,
-            checked: selected.has(option.value),
-            onToggle: (next) => onToggle(option.value, next)
-          },
-          option.value
-        )),
-        extraOptions && extraOptions.length > 0 ? [
-          /* @__PURE__ */ jsx(Divider, {}, "extra-divider"),
-          /* @__PURE__ */ jsx(ListSubheader, { sx: { px: 1, py: 0.75, fontSize: "0.75rem", fontWeight: 600 }, children: extraOptionsHeading }, "extra-label"),
-          ...extraOptions.map((extra) => /* @__PURE__ */ jsx(CheckboxRow, { label: extra.label, checked: extra.checked, onToggle: (next) => extra.onCheckedChange(next) }, extra.id))
-        ] : null,
-        /* @__PURE__ */ jsx(
-          MenuClearFooter,
-          {
-            clearText,
-            clearDisabled,
-            onClear,
-            close,
-            testId
-          }
-        )
-      ]
-    }
-  );
-}
-function MenuClearFooter({
-  clearText,
-  clearDisabled,
-  onClear,
-  close,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        // Pin to the bottom of the scroll viewport so it stays visible while the
-        // options list scrolls (mirrors the sticky search box on top).
-        position: "sticky",
-        bottom: 0,
-        zIndex: 1,
-        display: "flex",
-        justifyContent: "flex-end",
-        borderTop: 1,
-        borderColor: "divider",
-        bgcolor: "background.paper",
-        px: 1,
-        py: 0.75
-      },
-      children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "text",
-          size: "small",
-          color: "inherit",
-          "data-testid": testId ? `${testId}-clear` : void 0,
-          disabled: clearDisabled,
-          onClick: () => {
-            onClear();
-            close();
-          },
-          sx: { minWidth: 0, px: 1, py: 0.25, fontSize: "0.75rem", fontWeight: 400, textTransform: "none", color: "text.secondary" },
-          children: clearText
-        }
-      )
-    }
-  );
-}
-
-export {
-  MultiSelectDropdown
-};
-//# sourceMappingURL=chunk-EKSSKQUW.js.map

package/dist/chunk-EKSSKQUW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/MultiSelectDropdown.tsx"],"sourcesContent":["'use client';\n\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport ListSubheader from '@mui/material/ListSubheader/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useMemo, useState } from 'react';\n\nimport type {\n  MultiSelectDropdownProps,\n  MultiSelectExtraOption,\n  MultiSelectOption,\n} from './ContentToolbar.types';\nimport { buildTriggerLabel, InlineTrigger, PillTrigger, StackedTrigger } from './MultiSelectTriggers';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n/** One checkbox menu row with an optional trailing count. */\nfunction CheckboxRow({\n  label,\n  count,\n  checked,\n  onToggle,\n}: {\n  label: string;\n  count?: number;\n  checked: boolean;\n  onToggle: (next: boolean) => void;\n}): React.JSX.Element {\n  return (\n    <MenuItem onClick={() => onToggle(!checked)} sx={{ gap: 1 }}>\n      <Checkbox checked={checked} size=\"small\" disableRipple sx={{ p: 0, pointerEvents: 'none' }} tabIndex={-1} />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {label}\n        {count != null && (\n          <Box component=\"span\" sx={{ color: 'text.secondary' }}>\n            {' '}\n            ({count})\n          </Box>\n        )}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Generic multi-select dropdown with checkboxes, counts, an optional \"Options\"\n * section, and a \"Clear\" action. Faithful MUI port of the reference toolbar's\n * \"Content Type\" control. The menu stays open while toggling options.\n */\nexport function MultiSelectDropdown<TValue extends string = string>({\n  label,\n  options,\n  selected,\n  onToggle,\n  onClear,\n  allLabel = 'All',\n  clearLabel,\n  clearText,\n  extraOptionsHeading,\n  extraOptions,\n  searchable,\n  searchPlaceholder = 'Search…',\n  noResultsLabel = 'No results',\n  layout = 'inline',\n  'data-testid': testId,\n  onOpenChange,\n}: MultiSelectDropdownProps<TValue>): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [query, setQuery] = useState('');\n  const open = Boolean(anchorEl);\n  const stacked = layout === 'stacked';\n  // Reset the query each time the menu closes so it reopens showing everything.\n  const close = (): void => {\n    setAnchorEl(null);\n    setQuery('');\n    onOpenChange?.(false);\n  };\n  const triggerLabel = buildTriggerLabel(selected, options, allLabel);\n  // Auto-enable search for long lists (e.g. many categories) unless overridden.\n  const showSearch = searchable ?? options.length > 8;\n  const anyExtraChecked = extraOptions?.some((option) => option.checked) ?? false;\n  const clearDisabled = selected.size === 0 && !anyExtraChecked;\n\n  const openMenu = (event: React.MouseEvent<HTMLElement>): void => {\n    setAnchorEl(event.currentTarget);\n    onOpenChange?.(true);\n  };\n  const triggerProps = { triggerLabel, open, onOpen: openMenu, testId };\n\n  const renderTrigger = (): React.JSX.Element => {\n    if (stacked) return <StackedTrigger label={label} {...triggerProps} />;\n    if (layout === 'pill')\n      return (\n        <PillTrigger\n          clearLabel={clearLabel}\n          label={label}\n          selectedCount={selected.size}\n          onClear={onClear}\n          {...triggerProps}\n        />\n      );\n    return <InlineTrigger label={label} {...triggerProps} />;\n  };\n\n  return (\n    <>\n      {renderTrigger()}\n      <MultiSelectMenu\n        extraOptionsHeading={extraOptionsHeading} clearText={clearText} anchorEl={anchorEl}\n        open={open}\n        close={close}\n        options={options}\n        selected={selected}\n        onToggle={onToggle}\n        extraOptions={extraOptions}\n        clearDisabled={clearDisabled}\n        onClear={onClear}\n        showSearch={showSearch}\n        query={query}\n        onQueryChange={setQuery}\n        searchPlaceholder={searchPlaceholder}\n        noResultsLabel={noResultsLabel}\n        matchAnchorWidth={stacked}\n        testId={testId}\n      />\n    </>\n  );\n}\n\n/** Sticky search box at the top of the menu; keydowns don't reach the Menu's typeahead. */\nfunction MenuSearchField({\n  query,\n  onQueryChange,\n  placeholder,\n  testId,\n}: {\n  query: string;\n  onQueryChange: (value: string) => void;\n  placeholder: string;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      sx={{ position: 'sticky', top: 0, zIndex: 1, bgcolor: 'background.paper', px: 1, py: 0.75 }}\n      onKeyDown={(event) => event.stopPropagation()}\n    >\n      <TextField\n        autoFocus\n        size=\"small\"\n        sx={fieldTextFieldStyles}\n        fullWidth\n        value={query}\n        onChange={(event) => onQueryChange(event.target.value)}\n        placeholder={placeholder}\n        inputProps={{ 'aria-label': placeholder, 'data-testid': testId ? `${testId}-search` : undefined }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon sx={{ fontSize: 16 }} />\n            </InputAdornment>\n          ),\n        }}\n      />\n    </Box>\n  );\n}\n\ninterface MultiSelectMenuProps<TValue extends string> {\n  anchorEl: HTMLElement | null;\n  open: boolean;\n  close: () => void;\n  options: MultiSelectOption<TValue>[];\n  selected: ReadonlySet<TValue>;\n  onToggle: (value: TValue, checked: boolean) => void;\n  extraOptions?: MultiSelectExtraOption[];\n  clearDisabled: boolean;\n  onClear: () => void;\n  showSearch: boolean;\n  query: string;\n  onQueryChange: (value: string) => void;\n  searchPlaceholder: string;\n  noResultsLabel: string;\n  extraOptionsHeading: string;\n  clearText: string;\n  /** Match the menu width to the trigger and left-align it (stacked select). */\n  matchAnchorWidth?: boolean;\n  testId?: string;\n}\n\n/**\n * Menu placement. Default: anchored to the trigger's right (toolbar). When\n * `matchAnchorWidth` (stacked select), match the trigger width and left-align so\n * the menu sits flush under the full-width control.\n */\nfunction resolveMenuPlacement(\n  matchAnchorWidth: boolean | undefined,\n  anchorEl: HTMLElement | null,\n): { anchorWidth: number | undefined; align: 'left' | 'right' } {\n  if (!matchAnchorWidth) return { anchorWidth: undefined, align: 'right' };\n  return { anchorWidth: anchorEl?.offsetWidth, align: 'left' };\n}\n\n/** The (optional) search box + checkbox list + optional \"Options\" section + a \"Clear\" footer. */\nfunction MultiSelectMenu<TValue extends string>({\n  anchorEl,\n  open,\n  close,\n  options,\n  selected,\n  onToggle,\n  extraOptions,\n  extraOptionsHeading,\n  clearText,\n  clearDisabled,\n  onClear,\n  showSearch,\n  query,\n  onQueryChange,\n  searchPlaceholder,\n  noResultsLabel,\n  matchAnchorWidth,\n  testId,\n}: MultiSelectMenuProps<TValue>): React.JSX.Element {\n  const trimmed = query.trim().toLowerCase();\n  const visibleOptions = useMemo(\n    () => (trimmed ? options.filter((option) => option.label.toLowerCase().includes(trimmed)) : options),\n    [options, trimmed],\n  );\n  const { anchorWidth, align } = resolveMenuPlacement(matchAnchorWidth, anchorEl);\n  return (\n    <Menu\n      anchorEl={anchorEl}\n      open={open}\n      onClose={close}\n      anchorOrigin={{ vertical: 'bottom', horizontal: align }}\n      transformOrigin={{ vertical: 'top', horizontal: align }}\n      // Keep focus on the search box (don't let the Menu grab the first item),\n      // and stop MUI's typeahead from swallowing keystrokes meant for the input.\n      autoFocus={!showSearch}\n      disableAutoFocusItem\n      slotProps={{\n        // Cap the height so a long list (e.g. many categories) scrolls instead\n        // of running off-screen; the sticky search box stays pinned on top.\n        paper: { sx: { minWidth: anchorWidth ?? 180, width: anchorWidth, maxHeight: 360 } },\n        list: { sx: { pt: showSearch ? 0 : undefined, pb: 0 } },\n      }}\n    >\n      {showSearch && (\n        <MenuSearchField query={query} onQueryChange={onQueryChange} placeholder={searchPlaceholder} testId={testId} />\n      )}\n      {visibleOptions.length === 0 && showSearch ? (\n        <MenuItem disabled data-testid={testId ? `${testId}-no-results` : undefined} sx={{ fontSize: '0.8125rem' }}>\n          {noResultsLabel}\n        </MenuItem>\n      ) : (\n        visibleOptions.map((option) => (\n          <CheckboxRow\n            key={option.value}\n            label={option.label}\n            count={option.count}\n            checked={selected.has(option.value)}\n            onToggle={(next) => onToggle(option.value, next)}\n          />\n        ))\n      )}\n      {extraOptions && extraOptions.length > 0\n        ? [\n            <Divider key=\"extra-divider\" />,\n            <ListSubheader key=\"extra-label\" sx={{ px: 1, py: 0.75, fontSize: '0.75rem', fontWeight: 600 }}>\n              {extraOptionsHeading}\n            </ListSubheader>,\n            ...extraOptions.map((extra) => (\n              <CheckboxRow key={extra.id} label={extra.label} checked={extra.checked} onToggle={(next) => extra.onCheckedChange(next)} />\n            )),\n          ]\n        : null}\n      <MenuClearFooter\n        clearText={clearText} clearDisabled={clearDisabled} onClear={onClear}\n        close={close} testId={testId}\n      />\n    </Menu>\n  );\n}\n\n/** The bottom \"Clear\" footer that resets the selection and closes the menu. */\nfunction MenuClearFooter({\n  clearText,\n  clearDisabled,\n  onClear,\n  close,\n  testId,\n}: {\n  clearText: string;\n  clearDisabled: boolean;\n  onClear: () => void;\n  close: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      sx={{\n        // Pin to the bottom of the scroll viewport so it stays visible while the\n        // options list scrolls (mirrors the sticky search box on top).\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 1,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        borderTop: 1,\n        borderColor: 'divider',\n        bgcolor: 'background.paper',\n        px: 1,\n        py: 0.75,\n      }}\n    >\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        data-testid={testId ? `${testId}-clear` : undefined}\n        disabled={clearDisabled}\n        onClick={() => {\n          onClear();\n          close();\n        }}\n        sx={{ minWidth: 0, px: 1, py: 0.25, fontSize: '0.75rem', fontWeight: 400, textTransform: 'none', color: 'text.secondary' }}\n      >\n        {clearText}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-EUDIQQWE.js

@@ -1,76 +0,0 @@
-import {
-  UploadDropzone,
-  UploadFeedback,
-  UploadTrigger
-} from "./chunk-UTSGY3ON.js";
-import {
-  useUploadButton
-} from "./chunk-QWVETTIY.js";
-
-// src/components/form/UploadButton/UploadButton.tsx
-import Box from "@mui/material/Box/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var UploadButton = React.forwardRef((props, ref) => {
-  const {
-    copy,
-    variant = "default",
-    label = props.copy.buttonLabel,
-    disabled = false,
-    multiple = false,
-    accept,
-    capture,
-    helperText,
-    icon,
-    className,
-    "data-testid": dataTestId
-  } = props;
-  const { inputRef, inputId, state, drag, derived, openPicker, handleInputChange } = useUploadButton(props);
-  const trigger = {
-    copy,
-    label,
-    icon,
-    disabled,
-    className,
-    dataTestId,
-    describedBy: derived.describedBy,
-    onOpen: openPicker
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: ref || inputRef,
-        id: inputId,
-        type: "file",
-        accept,
-        multiple,
-        capture,
-        onChange: handleInputChange,
-        style: { display: "none" },
-        disabled,
-        "aria-hidden": "true"
-      }
-    ),
-    variant === "dropzone" ? /* @__PURE__ */ jsx(UploadDropzone, { ...trigger, isDragOver: state.isDragOver, drag }) : /* @__PURE__ */ jsx(UploadTrigger, { ...trigger, variant, isUploading: derived.isUploading }),
-    /* @__PURE__ */ jsx(
-      UploadFeedback,
-      {
-        copy,
-        isUploading: derived.isUploading,
-        progress: derived.progress,
-        helperText,
-        helperId: derived.helperId,
-        error: derived.error,
-        errorId: derived.errorId,
-        announceDragOver: variant === "dropzone" && state.isDragOver
-      }
-    )
-  ] });
-});
-UploadButton.displayName = "UploadButton";
-
-export {
-  UploadButton
-};
-//# sourceMappingURL=chunk-EUDIQQWE.js.map

package/dist/chunk-EVSKEIXI.js

@@ -1,82 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  MultiSelectDropdown
-} from "./chunk-EKSSKQUW.js";
-import {
-  CategorySelect
-} from "./chunk-KBMKALKQ.js";
-
-// src/components/data-display/DataViews/data-views-category-pill.tsx
-import { jsx } from "react/jsx-runtime";
-function emitPillDiff(fieldId, before, after, onTogglePill) {
-  const had = new Set(before);
-  const wants = new Set(after);
-  after.forEach((value) => {
-    if (!had.has(value)) onTogglePill(fieldId, value, true);
-  });
-  before.forEach((value) => {
-    if (!wants.has(value)) onTogglePill(fieldId, value, false);
-  });
-}
-var toCategoryOption = (option) => ({
-  id: option.value,
-  name: option.label,
-  parentId: option.parentId ?? null
-});
-function PillControl({
-  fieldId,
-  pill,
-  selected,
-  onTogglePill,
-  onClearField,
-  onOpenChange,
-  testIdPrefix,
-  layout = "pill"
-}) {
-  const copy = useDataViewsCopy();
-  const testId = `${testIdPrefix}-filter-${fieldId}`;
-  if (pill.control === "category") {
-    return /* @__PURE__ */ jsx(
-      CategorySelect,
-      {
-        copy: copy.categorySelect,
-        placeholder: pill.label,
-        label: layout === "stacked" ? pill.label : void 0,
-        fullWidth: layout === "stacked",
-        options: pill.options.map(toCategoryOption),
-        allowParentSelection: pill.allowParentSelection ?? false,
-        value: selected,
-        onChange: (next) => emitPillDiff(fieldId, selected, next, onTogglePill),
-        dataTestId: testId
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    MultiSelectDropdown,
-    {
-      extraOptionsHeading: copy.filters.optionsHeading,
-      clearText: copy.filters.clear,
-      clearLabel: copy.filters.clearRange(pill.label),
-      label: pill.label,
-      options: pill.options,
-      selected: new Set(selected),
-      onToggle: (value, checked) => onTogglePill(fieldId, value, checked),
-      onClear: () => onClearField(fieldId),
-      allLabel: copy.filters.allOption,
-      searchable: pill.searchEnabled ? true : void 0,
-      searchPlaceholder: copy.filters.optionSearchPlaceholder,
-      noResultsLabel: copy.filters.optionsEmpty,
-      layout,
-      onOpenChange,
-      "data-testid": testId
-    }
-  );
-}
-
-export {
-  emitPillDiff,
-  PillControl
-};
-//# sourceMappingURL=chunk-EVSKEIXI.js.map

package/dist/chunk-EWGVRRUF.js

@@ -1,212 +0,0 @@
-import {
-  useDashboardContext
-} from "./chunk-CUMSPE6B.js";
-import {
-  HeaderActions
-} from "./chunk-N4JEQJBL.js";
-import {
-  HeaderButton
-} from "./chunk-2CEV746H.js";
-
-// src/components/layout/Dashboard/DashboardParts.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import ExportIcon from "@mui/icons-material/FileDownloadOutlined";
-import FilterIcon from "@mui/icons-material/FilterListRounded";
-import InfoIcon from "@mui/icons-material/InfoOutlined";
-import SettingsIcon from "@mui/icons-material/SettingsOutlined";
-import Badge from "@mui/material/Badge/index.js";
-import Box from "@mui/material/Box/index.js";
-import Dialog from "@mui/material/Dialog/index.js";
-import DialogContent from "@mui/material/DialogContent/index.js";
-import DialogTitle from "@mui/material/DialogTitle/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import Popover from "@mui/material/Popover/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DashboardSpacer = () => /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, "aria-hidden": true });
-DashboardSpacer.displayName = "Dashboard.Spacer";
-var DashboardInfo = ({
-  title = "About this page",
-  children,
-  ariaLabel = "Page information"
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: ariaLabel, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": ariaLabel,
-        "aria-haspopup": "dialog",
-        onClick: (e) => setAnchorEl(e.currentTarget),
-        "data-testid": `${testIdPrefix}-info-trigger`,
-        sx: { color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(
-      Popover,
-      {
-        open,
-        anchorEl,
-        onClose: () => setAnchorEl(null),
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { width: 360, maxWidth: "90vw" } } },
-        "data-testid": `${testIdPrefix}-info-popover`,
-        children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { px: 2, py: 1.5, borderBottom: 1, borderColor: "divider", display: "flex", gap: 1, alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small", sx: { color: "text.secondary" } }),
-            /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600 }, children: title })
-          ] }),
-          /* @__PURE__ */ jsx(Box, { sx: { px: 2, py: 1.5, fontSize: "0.875rem", color: "text.secondary" }, children })
-        ]
-      }
-    )
-  ] });
-};
-DashboardInfo.displayName = "Dashboard.Info";
-var DashboardFilterToggle = ({ ariaLabel }) => {
-  const { filtersVisible, toggleFilters, activeFilterCount, testIdPrefix } = useDashboardContext();
-  const label = ariaLabel ?? (filtersVisible ? "Hide filters" : "Show filters");
-  return /* @__PURE__ */ jsx(Tooltip, { title: label, children: /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      size: "small",
-      "aria-label": label,
-      "aria-pressed": filtersVisible,
-      onClick: toggleFilters,
-      "data-testid": `${testIdPrefix}-filter-toggle`,
-      sx: { color: filtersVisible ? "primary.main" : "text.secondary", bgcolor: filtersVisible ? "action.selected" : "transparent" },
-      children: /* @__PURE__ */ jsx(Badge, { badgeContent: activeFilterCount, color: "primary", overlap: "circular", children: /* @__PURE__ */ jsx(FilterIcon, { fontSize: "small" }) })
-    }
-  ) });
-};
-DashboardFilterToggle.displayName = "Dashboard.FilterToggle";
-var DashboardSettings = ({
-  title = "Settings",
-  closeLabel,
-  children,
-  ariaLabel = "Settings",
-  href,
-  linkComponent
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  const [open, setOpen] = useState(false);
-  if (href) {
-    const LinkComponent = linkComponent ?? "a";
-    return /* @__PURE__ */ jsx(Tooltip, { title: ariaLabel, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": ariaLabel,
-        component: LinkComponent,
-        href,
-        "data-testid": `${testIdPrefix}-settings-trigger`,
-        sx: { color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "small" })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: ariaLabel, children: /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "aria-label": ariaLabel,
-        "aria-haspopup": "dialog",
-        onClick: () => setOpen(true),
-        "data-testid": `${testIdPrefix}-settings-trigger`,
-        sx: { color: "text.secondary" },
-        children: /* @__PURE__ */ jsx(SettingsIcon, { fontSize: "small" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Dialog, { open, onClose: () => setOpen(false), maxWidth: "sm", fullWidth: true, "data-testid": `${testIdPrefix}-settings-dialog`, children: [
-      /* @__PURE__ */ jsxs(DialogTitle, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-        title,
-        /* @__PURE__ */ jsx(IconButton, { "aria-label": closeLabel, size: "small", onClick: () => setOpen(false), children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" }) })
-      ] }),
-      /* @__PURE__ */ jsx(DialogContent, { dividers: true, children })
-    ] })
-  ] });
-};
-DashboardSettings.displayName = "Dashboard.Settings";
-var DEFAULT_EXPORT_FORMATS = [
-  { id: "csv", label: "CSV (.csv)" },
-  { id: "xlsx", label: "Excel (.xlsx)" },
-  { id: "json", label: "JSON (.json)" }
-];
-var DashboardExport = ({
-  formats = DEFAULT_EXPORT_FORMATS,
-  onExport,
-  label = "Export"
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      HeaderButton,
-      {
-        variant: "outlined",
-        color: "inherit",
-        text: label,
-        icon: /* @__PURE__ */ jsx(ExportIcon, { fontSize: "small" }),
-        endIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, { fontSize: "small" }),
-        onClick: (e) => setAnchorEl(e.currentTarget),
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        dataTestId: `${testIdPrefix}-export-trigger`
-      }
-    ),
-    /* @__PURE__ */ jsx(Menu, { anchorEl, open, onClose: () => setAnchorEl(null), "data-testid": `${testIdPrefix}-export-menu`, children: formats.map((format) => /* @__PURE__ */ jsx(
-      MenuItem,
-      {
-        onClick: () => {
-          onExport(format.id);
-          setAnchorEl(null);
-        },
-        "data-testid": `${testIdPrefix}-export-${format.id}`,
-        children: format.label
-      },
-      format.id
-    )) })
-  ] });
-};
-DashboardExport.displayName = "Dashboard.Export";
-var DashboardAction = ({ children }) => /* @__PURE__ */ jsx(Box, { sx: { display: "inline-flex" }, children });
-DashboardAction.displayName = "Dashboard.Action";
-var DashboardActions = ({
-  actions,
-  moreLabel,
-  collapseBelow
-}) => {
-  const { testIdPrefix } = useDashboardContext();
-  return /* @__PURE__ */ jsx(
-    HeaderActions,
-    {
-      actions,
-      moreLabel,
-      collapseBelow,
-      testIdPrefix: `${testIdPrefix}-actions`
-    }
-  );
-};
-DashboardActions.displayName = "Dashboard.Actions";
-
-export {
-  DashboardSpacer,
-  DashboardInfo,
-  DashboardFilterToggle,
-  DashboardSettings,
-  DashboardExport,
-  DashboardAction,
-  DashboardActions
-};
-//# sourceMappingURL=chunk-EWGVRRUF.js.map