@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-S3D5VBHW.js

@@ -0,0 +1,298 @@
+import {
+  tableStyles
+} from "./chunk-POV2KL2P.js";
+import {
+  TABLE_DEFAULTS,
+  definedProps
+} from "./chunk-MTFCPPZ5.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-XIXR2L3L.js";
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-ULTOQ6ZV.js";
+import {
+  useTableSelection
+} from "./chunk-DF4K5XVW.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Table/Table.tsx
+import MoreVertIcon from "@mui/icons-material/MoreVert";
+import Box from "@mui/material/Box/index.js";
+import FormControlLabel from "@mui/material/FormControlLabel/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 Skeleton from "@mui/material/Skeleton/index.js";
+import Switch from "@mui/material/Switch/index.js";
+import MuiTable from "@mui/material/Table/index.js";
+import TableBody from "@mui/material/TableBody/index.js";
+import TableCell from "@mui/material/TableCell/index.js";
+import TableContainer from "@mui/material/TableContainer/index.js";
+import TableRow from "@mui/material/TableRow/index.js";
+import { styled, useTheme } from "@mui/material/styles/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var scrollHeight = (theme, containerHeight) => {
+  const box = containerHeight || 400;
+  return typeof box === "number" ? rem(theme, box) : box;
+};
+var StyledTableContainer = styled(TableContainer, {
+  shouldForwardProp: (prop) => !["virtualScrolling", "containerHeight"].includes(prop)
+})(({ theme, virtualScrolling, containerHeight }) => ({
+  ...virtualScrolling && {
+    height: scrollHeight(theme, containerHeight),
+    overflow: "auto"
+  }
+}));
+var StyledTable = styled(MuiTable, {
+  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse", "hoverable", "density", "stickyHeader", "stripeColor"].includes(prop)
+})(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = "neutral" }) => {
+  return tableStyles({
+    theme,
+    customVariant,
+    glow,
+    pulse,
+    hoverable,
+    density,
+    stickyHeader,
+    stripeColor
+  });
+});
+var TableShell = ({
+  innerRef,
+  variant,
+  stripeColor,
+  glow,
+  pulse,
+  hoverable,
+  density,
+  stickyHeader,
+  header,
+  rest,
+  children
+}) => /* @__PURE__ */ jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxs(
+  StyledTable,
+  {
+    ref: innerRef,
+    customVariant: variant,
+    stripeColor,
+    glow,
+    pulse,
+    hoverable,
+    density,
+    stickyHeader,
+    ...rest,
+    children: [
+      header,
+      children
+    ]
+  }
+) });
+var SKELETON_ROW_COUNT = 5;
+var LoadingSkeletonRows = ({ columns }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: SKELETON_ROW_COUNT }, (_, index) => /* @__PURE__ */ jsx(TableRow, { children: columns?.map((column) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { height: rem(theme, 20) }) }, column.key)) }, index)) });
+};
+var ColumnToggleMenu = ({ columns, hiddenColumns, anchor, setAnchor, setHiddenColumns }) => /* @__PURE__ */ jsxs(Box, { position: "absolute", top: 8, right: 8, children: [
+  /* @__PURE__ */ jsx(IconButton, { onClick: (event) => setAnchor(event.currentTarget), size: "small", children: /* @__PURE__ */ jsx(MoreVertIcon, {}) }),
+  /* @__PURE__ */ jsx(Menu, { anchorEl: anchor, open: Boolean(anchor), onClose: () => setAnchor(null), children: columns.map((column, index) => /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: !hiddenColumns.includes(index),
+          onChange: (event) => setHiddenColumns(
+            event.target.checked ? hiddenColumns.filter((i) => i !== index) : [...hiddenColumns, index]
+          ),
+          size: "small"
+        }
+      ),
+      label: column.label
+    }
+  ) }, column.key)) })
+] });
+var columnsFor = (resolved, selection) => (resolved.responsive ? selection.visibleColumns : resolved.columns) ?? [];
+var showsColumnToggle = (resolved, selection) => Boolean(
+  resolved.responsive && selection.isMobile && resolved.showColumnToggle && selection.hiddenColumns.length > 0
+);
+var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
+  const finalColumns = columnsFor(p, selection);
+  const showToggle = showsColumnToggle(p, selection);
+  return /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
+    /* @__PURE__ */ jsx(
+      StyledTableContainer,
+      {
+        virtualScrolling: p.virtualScrolling,
+        containerHeight: p.containerHeight,
+        children: /* @__PURE__ */ jsxs(
+          StyledTable,
+          {
+            ref: innerRef,
+            customVariant: p.variant,
+            stripeColor: p.stripeColor,
+            glow: p.glow,
+            pulse: p.pulse,
+            hoverable: p.hoverable,
+            density: p.density,
+            stickyHeader: p.stickyHeader,
+            ...rest,
+            children: [
+              /* @__PURE__ */ jsx(
+                EnhancedTableHeader,
+                {
+                  columns: finalColumns,
+                  data: p.data ?? [],
+                  sortable: p.sortable,
+                  sortConfig: p.sortConfig,
+                  onSortChange: p.onSortChange,
+                  selectable: p.selectable,
+                  selectedRows: p.selectedRows,
+                  onSelectAll: selection.handleSelectAll,
+                  density: p.density,
+                  stickyHeader: p.stickyHeader
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                EnhancedTableBody,
+                {
+                  data: p.data ?? [],
+                  columns: finalColumns,
+                  selectedRows: p.selectedRows,
+                  onRowClick: p.onRowClick,
+                  onRowFocus: p.onRowFocus,
+                  onRowBlur: p.onRowBlur,
+                  onSelectionChange: selection.handleSelectionChange,
+                  rowKeyExtractor: p.rowKeyExtractor,
+                  density: p.density,
+                  selectable: p.selectable,
+                  hoverable: p.hoverable,
+                  renderRow: p.renderRow,
+                  renderCell: p.renderCell,
+                  virtualScrolling: p.virtualScrolling,
+                  containerHeight: typeof p.containerHeight === "number" ? p.containerHeight : void 0,
+                  rowHeight: p.rowHeight,
+                  overscan: p.overscan
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    showToggle && /* @__PURE__ */ jsx(
+      ColumnToggleMenu,
+      {
+        columns: p.columns ?? [],
+        hiddenColumns: selection.hiddenColumns,
+        anchor: selection.columnMenuAnchor,
+        setAnchor: selection.setColumnMenuAnchor,
+        setHiddenColumns: selection.setHiddenColumns
+      }
+    )
+  ] });
+};
+var buildShell = ({
+  resolved,
+  selection,
+  innerRef,
+  rest,
+  finalColumns
+}) => ({
+  innerRef,
+  variant: resolved.variant,
+  stripeColor: resolved.stripeColor,
+  glow: resolved.glow,
+  pulse: resolved.pulse,
+  hoverable: resolved.hoverable,
+  density: resolved.density,
+  stickyHeader: resolved.stickyHeader,
+  header: resolved.columns ? /* @__PURE__ */ jsx(
+    EnhancedTableHeader,
+    {
+      columns: finalColumns ?? [],
+      data: [],
+      sortable: resolved.sortable,
+      sortConfig: resolved.sortConfig,
+      onSortChange: resolved.onSortChange,
+      selectable: resolved.selectable,
+      selectedRows: resolved.selectedRows,
+      onSelectAll: selection.handleSelectAll,
+      density: resolved.density,
+      stickyHeader: resolved.stickyHeader
+    }
+  ) : null,
+  rest
+});
+var TableLoadingState = ({ shell, loadingComponent, columns }) => /* @__PURE__ */ jsx(TableShell, { ...shell, children: /* @__PURE__ */ jsx(TableBody, { "data-testid": "table-loading", children: loadingComponent || /* @__PURE__ */ jsx(LoadingSkeletonRows, { columns }) }) });
+var TableEmptyState = ({ shell, emptyStateComponent, emptyText, colSpan }) => /* @__PURE__ */ jsx(TableShell, { ...shell, children: /* @__PURE__ */ jsx(EmptyRow, { colSpan, children: emptyStateComponent || /* @__PURE__ */ jsx(NoDataPlaceholder, { emptyText }) }) });
+var Table = React.forwardRef(
+  (tableProps, ref) => {
+    const resolved = { ...TABLE_DEFAULTS, ...definedProps(tableProps) };
+    const {
+      columns,
+      data,
+      responsive,
+      loading,
+      loadingComponent,
+      emptyStateComponent,
+      emptyText,
+      children,
+      ...props
+    } = resolved;
+    const selection = useTableSelection({
+      columns,
+      data,
+      responsive,
+      columnPriorities: resolved.columnPriorities,
+      selectedRows: resolved.selectedRows ?? [],
+      rowKeyExtractor: resolved.rowKeyExtractor,
+      onSelectionChange: resolved.onSelectionChange
+    });
+    const rest = props;
+    const renderer = { resolved, selection, innerRef: ref, rest };
+    const finalColumns = responsive ? selection.visibleColumns : columns;
+    const shell = buildShell({ ...renderer, finalColumns });
+    if (loading) {
+      return /* @__PURE__ */ jsx(TableLoadingState, { shell, loadingComponent, columns });
+    }
+    if (data && data.length === 0) {
+      return /* @__PURE__ */ jsx(
+        TableEmptyState,
+        {
+          shell,
+          emptyStateComponent,
+          emptyText,
+          colSpan: finalColumns?.length || 1
+        }
+      );
+    }
+    if (columns && data) return /* @__PURE__ */ jsx(AdvancedTable, { ...renderer });
+    return /* @__PURE__ */ jsx(
+      StyledTable,
+      {
+        ref,
+        customVariant: resolved.variant,
+        stripeColor: resolved.stripeColor,
+        glow: resolved.glow,
+        pulse: resolved.pulse,
+        hoverable: resolved.hoverable,
+        density: resolved.density,
+        stickyHeader: resolved.stickyHeader,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Table.displayName = "Table";
+
+export {
+  Table
+};
+//# sourceMappingURL=chunk-S3D5VBHW.js.map

package/dist/chunk-S3D5VBHW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import MoreVertIcon from '@mui/icons-material/MoreVert';\nimport Box from '@mui/material/Box/index.js';\nimport FormControlLabel from '@mui/material/FormControlLabel/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Switch from '@mui/material/Switch/index.js';\nimport MuiTable from '@mui/material/Table/index.js';\nimport TableBody from '@mui/material/TableBody/index.js';\nimport TableCell from '@mui/material/TableCell/index.js';\nimport TableContainer from '@mui/material/TableContainer/index.js';\nimport TableRow from '@mui/material/TableRow/index.js';\nimport { styled, useTheme, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type {\n  ColumnConfig,\n  TableDensity,\n  TableProps,\n  TableStripeColor} from './Table.types';\nimport { TABLE_DEFAULTS, definedProps } from './Table.helpers';\nimport { useTableSelection } from './Table.hooks';\nimport { EnhancedTableBody, EnhancedTableHeader } from './TableParts';\nimport { EmptyRow, NoDataPlaceholder } from './TableStates';\nimport {\n  tableStyles } from './Table.styles';\nimport { rem } from '../../../tokens/relative';\n\n/** The scroll box's height: a number is design px, 400 unless the caller says otherwise. */\nconst scrollHeight = (theme: Theme, containerHeight: number | string | undefined): string => {\n  const box = containerHeight || 400;\n  return typeof box === 'number' ? rem(theme, box) : box;\n};\n\n// Define pulse animation\nconst StyledTableContainer = styled(TableContainer, {\n  shouldForwardProp: (prop) => !['virtualScrolling', 'containerHeight'].includes(prop as string) })<{ \n  virtualScrolling?: boolean; \n  containerHeight?: number | string;\n}>(({ theme, virtualScrolling, containerHeight }) => ({\n  ...(virtualScrolling && {\n    height: scrollHeight(theme, containerHeight),\n    overflow: 'auto' }) }));\n\n// Helper function to get stripe color from theme\nconst StyledTable = styled(MuiTable, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'glow', 'pulse', 'hoverable', 'density', 'stickyHeader', 'stripeColor'].includes(prop as string) })<{\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  stripeColor?: TableStripeColor;\n}>(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = 'neutral' }) => {\n  return tableStyles({\n    theme,\n    customVariant,\n    glow,\n    pulse,\n    hoverable,\n    density,\n    stickyHeader,\n    stripeColor });\n});\n\n// Virtual Scrolling Hook\nconst TableShell: React.FC<{\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  variant?: string;\n  stripeColor?: TableStripeColor;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  header: React.ReactNode;\n  rest: Record<string, unknown>;\n  children: React.ReactNode;\n}> = ({\n  innerRef,\n  variant,\n  stripeColor,\n  glow,\n  pulse,\n  hoverable,\n  density,\n  stickyHeader,\n  header,\n  rest,\n  children }) => (\n  <StyledTableContainer>\n    <StyledTable\n      ref={innerRef}\n      customVariant={variant}\n      stripeColor={stripeColor}\n      glow={glow}\n      pulse={pulse}\n      hoverable={hoverable}\n      density={density}\n      stickyHeader={stickyHeader}\n      {...rest}\n    >\n      {header}\n      {children}\n    </StyledTable>\n  </StyledTableContainer>\n);\n\nconst SKELETON_ROW_COUNT = 5;\n\nconst LoadingSkeletonRows: React.FC<{ columns?: ColumnConfig[] }> = ({ columns }) => {\n  const theme = useTheme();\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROW_COUNT }, (_, index) => (\n        <TableRow key={index}>\n          {columns?.map((column) => (\n            <TableCell key={column.key}>\n              <Skeleton height={rem(theme, 20)} />\n            </TableCell>\n          ))}\n        </TableRow>\n      ))}\n    </>\n  );\n};\n\nexport type TableShellProps = Omit<React.ComponentProps<typeof TableShell>, 'children'>;\n\ntype Selection = ReturnType<typeof useTableSelection>;\n\ninterface RendererProps {\n  resolved: TableProps;\n  selection: Selection;\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  rest: Record<string, unknown>;\n}\n\n// The column-visibility control, shown only when responsive mode has actually\n// hidden something on a narrow viewport.\nconst ColumnToggleMenu: React.FC<{\n  columns: ColumnConfig[];\n  hiddenColumns: number[];\n  anchor: HTMLElement | null;\n  setAnchor: (element: HTMLElement | null) => void;\n  setHiddenColumns: (next: number[]) => void;\n}> = ({ columns, hiddenColumns, anchor, setAnchor, setHiddenColumns }) => (\n  <Box position=\"absolute\" top={8} right={8}>\n    <IconButton onClick={(event) => setAnchor(event.currentTarget)} size=\"small\">\n      <MoreVertIcon />\n    </IconButton>\n    <Menu anchorEl={anchor} open={Boolean(anchor)} onClose={() => setAnchor(null)}>\n      {columns.map((column, index) => (\n        <MenuItem key={column.key}>\n          <FormControlLabel\n            control={\n              <Switch\n                checked={!hiddenColumns.includes(index)}\n                onChange={(event) =>\n                  setHiddenColumns(\n                    event.target.checked\n                      ? hiddenColumns.filter((i: number) => i !== index)\n                      : [...hiddenColumns, index],\n                  )\n                }\n                size=\"small\"\n              />\n            }\n            label={column.label}\n          />\n        </MenuItem>\n      ))}\n    </Menu>\n  </Box>\n);\n\n// The populated table. Local because StyledTableContainer and StyledTable\n// cannot cross a module boundary (TS2742).\nconst columnsFor = (resolved: TableProps, selection: Selection): ColumnConfig[] =>\n  (resolved.responsive ? selection.visibleColumns : resolved.columns) ?? [];\n\n// The toggle only earns its place when responsive mode has actually hidden\n// something on a narrow viewport.\nconst showsColumnToggle = (resolved: TableProps, selection: Selection): boolean =>\n  Boolean(\n    resolved.responsive &&\n      selection.isMobile &&\n      resolved.showColumnToggle &&\n      selection.hiddenColumns.length > 0,\n  );\n\nconst AdvancedTable: React.FC<RendererProps> = ({ resolved: p, selection, innerRef, rest }) => {\n  const finalColumns = columnsFor(p, selection);\n  const showToggle = showsColumnToggle(p, selection);\n\n  return (\n    <Box position=\"relative\">\n      <StyledTableContainer\n        virtualScrolling={p.virtualScrolling}\n        containerHeight={p.containerHeight}\n      >\n        <StyledTable\n          ref={innerRef}\n          customVariant={p.variant}\n          stripeColor={p.stripeColor}\n          glow={p.glow}\n          pulse={p.pulse}\n          hoverable={p.hoverable}\n          density={p.density}\n          stickyHeader={p.stickyHeader}\n          {...rest}\n        >\n          <EnhancedTableHeader\n            columns={finalColumns}\n            data={p.data ?? []}\n            sortable={p.sortable}\n            sortConfig={p.sortConfig}\n            onSortChange={p.onSortChange}\n            selectable={p.selectable}\n            selectedRows={p.selectedRows}\n            onSelectAll={selection.handleSelectAll}\n            density={p.density}\n            stickyHeader={p.stickyHeader}\n          />\n          <EnhancedTableBody\n            data={p.data ?? []}\n            columns={finalColumns}\n            selectedRows={p.selectedRows}\n            onRowClick={p.onRowClick}\n            onRowFocus={p.onRowFocus}\n            onRowBlur={p.onRowBlur}\n            onSelectionChange={selection.handleSelectionChange}\n            rowKeyExtractor={p.rowKeyExtractor}\n            density={p.density}\n            selectable={p.selectable}\n            hoverable={p.hoverable}\n            renderRow={p.renderRow}\n            renderCell={p.renderCell}\n            virtualScrolling={p.virtualScrolling}\n            containerHeight={typeof p.containerHeight === 'number' ? p.containerHeight : undefined}\n            rowHeight={p.rowHeight}\n            overscan={p.overscan}\n          />\n        </StyledTable>\n      </StyledTableContainer>\n\n      {showToggle && (\n        <ColumnToggleMenu\n          columns={p.columns ?? []}\n          hiddenColumns={selection.hiddenColumns}\n          anchor={selection.columnMenuAnchor}\n          setAnchor={selection.setColumnMenuAnchor}\n          setHiddenColumns={selection.setHiddenColumns}\n        />\n      )}\n    </Box>\n  );\n};\n\n// The loading and empty states render the same shell as the populated table, so\n// they share TableShell rather than repeating it three times.\nconst buildShell = ({\n  resolved,\n  selection,\n  innerRef,\n  rest,\n  finalColumns }: RendererProps & { finalColumns?: ColumnConfig[] }) => ({\n  innerRef,\n  variant: resolved.variant,\n  stripeColor: resolved.stripeColor,\n  glow: resolved.glow,\n  pulse: resolved.pulse,\n  hoverable: resolved.hoverable,\n  density: resolved.density,\n  stickyHeader: resolved.stickyHeader,\n  header: resolved.columns ? (\n    <EnhancedTableHeader\n      columns={finalColumns ?? []}\n      data={[]}\n      sortable={resolved.sortable}\n      sortConfig={resolved.sortConfig}\n      onSortChange={resolved.onSortChange}\n      selectable={resolved.selectable}\n      selectedRows={resolved.selectedRows}\n      onSelectAll={selection.handleSelectAll}\n      density={resolved.density}\n      stickyHeader={resolved.stickyHeader}\n    />\n  ) : null,\n  rest: rest as Record<string, unknown> });\n\nconst TableLoadingState: React.FC<{\n  shell: TableShellProps;\n  loadingComponent?: React.ReactNode;\n  columns?: ColumnConfig[];\n}> = ({ shell, loadingComponent, columns }) => (\n  <TableShell {...shell}>\n    <TableBody data-testid=\"table-loading\">\n      {loadingComponent || <LoadingSkeletonRows columns={columns} />}\n    </TableBody>\n  </TableShell>\n);\n\nconst TableEmptyState: React.FC<{\n  shell: TableShellProps;\n  emptyStateComponent?: React.ReactNode;\n  emptyText: string;\n  colSpan: number;\n}> = ({ shell, emptyStateComponent, emptyText, colSpan }) => (\n  <TableShell {...shell}>\n    <EmptyRow colSpan={colSpan}>\n      {emptyStateComponent || <NoDataPlaceholder emptyText={emptyText} />}\n    </EmptyRow>\n  </TableShell>\n);\n\nexport const Table = React.forwardRef<globalThis.HTMLTableElement, TableProps>(\n  (tableProps, ref) => {\n    const resolved = { ...TABLE_DEFAULTS, ...definedProps(tableProps) } as TableProps;\n    const {\n      columns,\n      data,\n      responsive,\n      loading,\n      loadingComponent,\n      emptyStateComponent,\n      emptyText,\n      children,\n      ...props\n    } = resolved;\n\n    const selection = useTableSelection({\n      columns,\n      data,\n      responsive,\n      columnPriorities: resolved.columnPriorities,\n      selectedRows: resolved.selectedRows ?? [],\n      rowKeyExtractor: resolved.rowKeyExtractor,\n      onSelectionChange: resolved.onSelectionChange });\n\n    const rest = props as unknown as Record<string, unknown>;\n    const renderer: RendererProps = { resolved, selection, innerRef: ref, rest };\n    const finalColumns = responsive ? selection.visibleColumns : columns;\n    const shell = buildShell({ ...renderer, finalColumns });\n\n    if (loading) {\n      return (\n        <TableLoadingState shell={shell} loadingComponent={loadingComponent} columns={columns} />\n      );\n    }\n\n    if (data && data.length === 0) {\n      return (\n        <TableEmptyState\n          shell={shell}\n          emptyStateComponent={emptyStateComponent}\n          emptyText={emptyText}\n          colSpan={finalColumns?.length || 1}\n        />\n      );\n    }\n\n    if (columns && data) return <AdvancedTable {...renderer} />;\n\n    // Basic table (backward compatibility)\n    return (\n      <StyledTable\n        ref={ref}\n        customVariant={resolved.variant}\n        stripeColor={resolved.stripeColor}\n        glow={resolved.glow}\n        pulse={resolved.pulse}\n        hoverable={resolved.hoverable}\n        density={resolved.density}\n        stickyHeader={resolved.stickyHeader}\n        {...rest}\n      >\n        {children}\n      </StyledTable>\n    );\n  },\n);\n\nTable.displayName = 'Table';"],"mappings":"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","names":[]}

package/dist/chunk-S5UY5U73.js

@@ -0,0 +1,63 @@
+// src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var TOOLTIP_DEFAULTS = {
+  variant: "default",
+  size: "md",
+  glow: false,
+  pulse: false,
+  clickable: true
+};
+var definedProps = (props) => Object.fromEntries(
+  Object.entries(props).filter(([, value]) => value !== void 0)
+);
+var resolveTooltipProps = (props) => ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) });
+var usePinnedTooltip = ({ clickable, onPin, onUnpin }) => {
+  const [isPinned, setIsPinned] = useState(false);
+  const [isControlledOpen, setIsControlledOpen] = useState(false);
+  const wrapperRef = useRef(null);
+  useEffect(() => {
+    if (!isPinned || !clickable) {
+      return;
+    }
+    const handleClickOutside = (event) => {
+      const targetElement = event.target;
+      const isClickOnTooltip = targetElement.closest('[role="tooltip"]');
+      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);
+      if (isClickOnTooltip || isClickOnTrigger) {
+        return;
+      }
+      setIsPinned(false);
+      setIsControlledOpen(false);
+      onUnpin?.();
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [isPinned, clickable, onUnpin]);
+  const handleClick = useCallback(
+    (e) => {
+      if (!clickable) return;
+      e.preventDefault();
+      e.stopPropagation();
+      setIsPinned((current) => {
+        const newPinned = !current;
+        setIsControlledOpen(newPinned);
+        if (newPinned) {
+          onPin?.();
+        } else {
+          onUnpin?.();
+        }
+        return newPinned;
+      });
+    },
+    [clickable, onPin, onUnpin]
+  );
+  return { isPinned, isControlledOpen, wrapperRef, handleClick };
+};
+
+export {
+  resolveTooltipProps,
+  usePinnedTooltip
+};
+//# sourceMappingURL=chunk-S5UY5U73.js.map

package/dist/chunk-S5UY5U73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\n// `maxWidth` defaults where it is read (`tooltipCap`), in design px through the theme.\ntype TooltipDefaultedKeys = 'variant' | 'size' | 'glow' | 'pulse' | 'clickable';\n\ntype ResolvedTooltipProps = InteractiveTooltipProps &\n  Required<Pick<InteractiveTooltipProps, TooltipDefaultedKeys>>;\n\nconst TOOLTIP_DEFAULTS: Pick<InteractiveTooltipProps, TooltipDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  glow: false,\n  pulse: false,\n  clickable: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: InteractiveTooltipProps): Partial<InteractiveTooltipProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<InteractiveTooltipProps>;\n\nexport const resolveTooltipProps = (\n  props: InteractiveTooltipProps,\n): ResolvedTooltipProps =>\n  ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) }) as ResolvedTooltipProps;\n\ninterface PinOptions {\n  clickable: boolean;\n  onPin?: () => void;\n  onUnpin?: () => void;\n}\n\n/**\n * Clicking the trigger pins the tooltip open; clicking anywhere that is neither\n * the tooltip nor the trigger unpins it. The listener only exists while pinned,\n * so an unpinned tooltip costs nothing on every document click.\n */\nexport const usePinnedTooltip = ({ clickable, onPin, onUnpin }: PinOptions) => {\n  const [isPinned, setIsPinned] = useState(false);\n  const [isControlledOpen, setIsControlledOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isPinned || !clickable) {\n      return;\n    }\n\n    const handleClickOutside = (event: MouseEvent) => {\n      const targetElement = event.target as Element;\n\n      // Check if click was on tooltip or trigger\n      const isClickOnTooltip = targetElement.closest('[role=\"tooltip\"]');\n      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);\n\n      if (isClickOnTooltip || isClickOnTrigger) {\n        return;\n      }\n\n      // Click was outside - unpin\n      setIsPinned(false);\n      setIsControlledOpen(false);\n      onUnpin?.();\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isPinned, clickable, onUnpin]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!clickable) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsPinned((current) => {\n        const newPinned = !current;\n        setIsControlledOpen(newPinned);\n\n        if (newPinned) {\n          onPin?.();\n        } else {\n          onUnpin?.();\n        }\n\n        return newPinned;\n      });\n    },\n    [clickable, onPin, onUnpin],\n  );\n\n  return { isPinned, isControlledOpen, wrapperRef, handleClick };\n};\n"],"mappings":";AAAA,SAAgB,aAAa,WAAW,QAAQ,gBAAgB;AAUhE,IAAM,mBAAwE;AAAA,EAC5E,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,sBAAsB,CACjC,WAEC,EAAE,GAAG,kBAAkB,GAAG,aAAa,KAAK,EAAE;AAa1C,IAAM,mBAAmB,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkB;AAC7E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,IACF;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,gBAAgB,MAAM;AAG5B,YAAM,mBAAmB,cAAc,QAAQ,kBAAkB;AACjE,YAAM,mBAAmB,WAAW,SAAS,SAAS,aAAa;AAEnE,UAAI,oBAAoB,kBAAkB;AACxC;AAAA,MACF;AAGA,kBAAY,KAAK;AACjB,0BAAoB,KAAK;AACzB,gBAAU;AAAA,IACZ;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,OAAO,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClB,CAAC,MAAwB;AACvB,UAAI,CAAC,UAAW;AAEhB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,kBAAY,CAAC,YAAY;AACvB,cAAM,YAAY,CAAC;AACnB,4BAAoB,SAAS;AAE7B,YAAI,WAAW;AACb,kBAAQ;AAAA,QACV,OAAO;AACL,oBAAU;AAAA,QACZ;AAEA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B;AAEA,SAAO,EAAE,UAAU,kBAAkB,YAAY,YAAY;AAC/D;","names":[]}

package/dist/chunk-SAIO6EBW.js

@@ -0,0 +1,92 @@
+// src/components/form/PasswordStrength/PasswordStrength.helpers.tsx
+import SecurityIcon from "@mui/icons-material/Security";
+import SuccessIcon from "@mui/icons-material/CheckCircle";
+import WarningIcon from "@mui/icons-material/Warning";
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultRequirements = {
+  minLength: 8,
+  uppercase: true,
+  lowercase: true,
+  numbers: true,
+  special: true
+};
+var SPECIAL_CHARACTERS = /[!@#$%^&*(),.?":{}|<>]/;
+var DEFAULT_MIN_LENGTH = 8;
+var REQUIREMENT_POINTS = {
+  length: 20,
+  uppercase: 10,
+  lowercase: 10,
+  numbers: 15,
+  special: 15
+};
+var evaluateRequirements = (password, requirements) => {
+  if (!password) {
+    return { length: false, uppercase: false, lowercase: false, numbers: false, special: false };
+  }
+  return {
+    length: password.length >= (requirements.minLength || DEFAULT_MIN_LENGTH),
+    uppercase: !requirements.uppercase || /[A-Z]/.test(password),
+    lowercase: !requirements.lowercase || /[a-z]/.test(password),
+    numbers: !requirements.numbers || /\d/.test(password),
+    special: !requirements.special || SPECIAL_CHARACTERS.test(password)
+  };
+};
+var lengthBonus = (length) => {
+  const base = Math.min(length * 3, 30);
+  const over12 = length > 12 ? 10 : 0;
+  const over16 = length > 16 ? 10 : 0;
+  return base + over12 + over16;
+};
+var calculatePasswordStrength = (password, requirements) => {
+  if (!password) return 0;
+  const checks = evaluateRequirements(password, requirements);
+  const earned = Object.entries(REQUIREMENT_POINTS).reduce(
+    (total, [key, points]) => total + (checks[key] ? points : 0),
+    0
+  );
+  return Math.min(earned + lengthBonus(password.length), 100);
+};
+var STRENGTH_BANDS = [
+  [20, "veryWeak"],
+  [40, "weak"],
+  [60, "fair"],
+  [80, "good"]
+];
+var getStrengthLabel = (strength, bands) => bands[STRENGTH_BANDS.find(([ceiling]) => strength <= ceiling)?.[1] ?? "strong"];
+var getStrengthIcon = (strength) => {
+  if (strength <= 40) return /* @__PURE__ */ jsx(WarningIcon, {});
+  if (strength <= 80) return /* @__PURE__ */ jsx(SecurityIcon, {});
+  return /* @__PURE__ */ jsx(SuccessIcon, {});
+};
+var SUGGESTION_KEYS = [
+  ["length", "minLength"],
+  ["uppercase", "uppercase"],
+  ["lowercase", "lowercase"],
+  ["numbers", "numbers"],
+  ["special", "special"]
+];
+var buildSuggestions = (checks, copy, minLength) => SUGGESTION_KEYS.filter(([check]) => !checks[check]).map(
+  ([, key]) => key === "minLength" ? copy.minLength(minLength) : copy[key]
+);
+var SuggestionsList = React.forwardRef(({ suggestions, heading }, ref) => /* @__PURE__ */ jsxs(Box, { ref, children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontWeight: "medium", children: heading }),
+  /* @__PURE__ */ jsx(Box, { sx: { mt: 1 }, children: suggestions.map((tip) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", display: "block", color: "warning.main", sx: { ml: 2 }, children: [
+    "\u2022 ",
+    tip
+  ] }, tip)) })
+] }));
+SuggestionsList.displayName = "SuggestionsList";
+
+export {
+  defaultRequirements,
+  evaluateRequirements,
+  calculatePasswordStrength,
+  getStrengthLabel,
+  getStrengthIcon,
+  buildSuggestions,
+  SuggestionsList
+};
+//# sourceMappingURL=chunk-SAIO6EBW.js.map

package/dist/chunk-SAIO6EBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PasswordStrength/PasswordStrength.helpers.tsx"],"sourcesContent":["import SecurityIcon from '@mui/icons-material/Security';\nimport SuccessIcon from '@mui/icons-material/CheckCircle';\nimport WarningIcon from '@mui/icons-material/Warning';\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport type { PasswordRequirementCopy, PasswordStrengthCopy } from '../../../copy';\nimport type { PasswordRequirements } from './PasswordStrength.types';\n\nexport const defaultRequirements: PasswordRequirements = {\n  minLength: 8,\n  uppercase: true,\n  lowercase: true,\n  numbers: true,\n  special: true,\n};\n\n\nconst SPECIAL_CHARACTERS = /[!@#$%^&*(),.?\":{}|<>]/;\nconst DEFAULT_MIN_LENGTH = 8;\n\n// Points awarded per satisfied requirement.\nconst REQUIREMENT_POINTS = {\n  length: 20,\n  uppercase: 10,\n  lowercase: 10,\n  numbers: 15,\n  special: 15,\n} as const;\n\nexport type RequirementChecks = Record<keyof typeof REQUIREMENT_POINTS, boolean>;\n\n// A requirement that is switched off counts as satisfied. This was previously\n// written out twice — once to score the password and once to render the\n// checklist — so the two could drift.\nexport const evaluateRequirements = (\n  password: string,\n  requirements: PasswordRequirements,\n): RequirementChecks => {\n  if (!password) {\n    return { length: false, uppercase: false, lowercase: false, numbers: false, special: false };\n  }\n\n  return {\n    length: password.length >= (requirements.minLength || DEFAULT_MIN_LENGTH),\n    uppercase: !requirements.uppercase || /[A-Z]/.test(password),\n    lowercase: !requirements.lowercase || /[a-z]/.test(password),\n    numbers: !requirements.numbers || /\\d/.test(password),\n    special: !requirements.special || SPECIAL_CHARACTERS.test(password),\n  };\n};\n\nconst lengthBonus = (length: number): number => {\n  const base = Math.min(length * 3, 30);\n  const over12 = length > 12 ? 10 : 0;\n  const over16 = length > 16 ? 10 : 0;\n\n  return base + over12 + over16;\n};\n\nexport const calculatePasswordStrength = (\n  password: string,\n  requirements: PasswordRequirements,\n): number => {\n  if (!password) return 0;\n\n  const checks = evaluateRequirements(password, requirements);\n  const earned = Object.entries(REQUIREMENT_POINTS).reduce(\n    (total, [key, points]) => total + (checks[key as keyof RequirementChecks] ? points : 0),\n    0,\n  );\n\n  return Math.min(earned + lengthBonus(password.length), 100);\n};\n\n// The four ceilings, and which band each one names. The band NAMES come from\n// the host's table — only the thresholds are ours.\nconst STRENGTH_BANDS: ReadonlyArray<[number, keyof PasswordStrengthCopy['bands']]> = [\n  [20, 'veryWeak'],\n  [40, 'weak'],\n  [60, 'fair'],\n  [80, 'good'],\n];\n\nexport const getStrengthLabel = (\n  strength: number,\n  bands: PasswordStrengthCopy['bands'],\n): string => bands[STRENGTH_BANDS.find(([ceiling]) => strength <= ceiling)?.[1] ?? 'strong'];\n\nexport const getStrengthIcon = (strength: number) => {\n  if (strength <= 40) return <WarningIcon />;\n  if (strength <= 80) return <SecurityIcon />;\n  return <SuccessIcon />;\n};\n\n// One tip per unmet requirement, in checklist order. The `length` tip carries\n// the configured minimum, so the number in the sentence is the one enforced.\nconst SUGGESTION_KEYS: ReadonlyArray<[keyof RequirementChecks, keyof PasswordRequirementCopy]> = [\n  ['length', 'minLength'],\n  ['uppercase', 'uppercase'],\n  ['lowercase', 'lowercase'],\n  ['numbers', 'numbers'],\n  ['special', 'special'],\n];\n\nexport const buildSuggestions = (\n  checks: RequirementChecks,\n  copy: PasswordRequirementCopy,\n  minLength: number,\n): string[] =>\n  SUGGESTION_KEYS.filter(([check]) => !checks[check]).map(([, key]) =>\n    key === 'minLength' ? copy.minLength(minLength) : copy[key],\n  );\n\n// Rendered by PasswordStrength; depends on nothing styled, so it lives beside\n// the pure helpers rather than in the component file. `forwardRef` because it\n// is `Fade`'s child, and Fade reads `scrollTop` off the node it is handed.\n// Only the ref: Fade's injected `style` (opacity/visibility) is still dropped.\nexport const SuggestionsList = React.forwardRef<\n  HTMLDivElement,\n  { suggestions: string[]; heading: string }\n>(({ suggestions, heading }, ref) => (\n  <Box ref={ref}>\n    <Typography variant=\"caption\" color=\"text.secondary\" fontWeight=\"medium\">\n      {heading}\n    </Typography>\n    <Box sx={{ mt: 1 }}>\n      {suggestions.map((tip) => (\n        <Typography key={tip} variant=\"caption\" display=\"block\" color=\"warning.main\" sx={{ ml: 2 }}>\n          • {tip}\n        </Typography>\n      ))}\n    </Box>\n  </Box>\n));\nSuggestionsList.displayName = 'SuggestionsList';\n"],"mappings":"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","names":[]}

package/dist/chunk-SN2YMCTL.js

@@ -0,0 +1,82 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  MultiSelectDropdown
+} from "./chunk-NPP44TQG.js";
+import {
+  CategorySelect
+} from "./chunk-ZW5K4XCQ.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-SN2YMCTL.js.map

package/dist/chunk-SOHQPPYJ.js

@@ -0,0 +1,60 @@
+import {
+  remPx
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Chart/chart-axis.ts
+var DEFAULT_MAX_CATEGORY_TICKS = 8;
+var DEFAULT_TICK_LABEL_MAX_CHARS = 12;
+function selectCategoryTicks(values, maxTicks) {
+  if (maxTicks < 1 || values.length <= maxTicks) return void 0;
+  if (new Set(values).size !== values.length) return void 0;
+  const step = Math.ceil(values.length / maxTicks);
+  const kept = [];
+  for (let index = values.length - 1; index >= 0; index -= step) {
+    const value = values[index];
+    if (value !== void 0) kept.push(value);
+  }
+  return kept.reverse();
+}
+function categoryValues(data, xAxisKey) {
+  const values = [];
+  for (const row of data) {
+    const value = row[xAxisKey];
+    if (value !== null && value !== void 0) values.push(value);
+  }
+  return values;
+}
+function truncateTickLabel(value, maxChars) {
+  const text = value === null || value === void 0 ? "" : String(value);
+  if (maxChars < 1 || text.length <= maxChars) return text;
+  return `${text.slice(0, maxChars - 1)}\u2026`;
+}
+function resolveAxisConfig(props, tickMargin) {
+  const maxChars = props.tickLabelMaxChars ?? DEFAULT_TICK_LABEL_MAX_CHARS;
+  return {
+    tickMargin,
+    categoryTicks: selectCategoryTicks(
+      categoryValues(props.data, props.xAxisKey ?? "name"),
+      props.maxCategoryTicks ?? DEFAULT_MAX_CATEGORY_TICKS
+    ),
+    tickFormatter: (value) => truncateTickLabel(value, maxChars)
+  };
+}
+function resolveBarGeometry(props, theme) {
+  const radius = remPx(theme, props.barRadius ?? 3);
+  return {
+    // A stacked segment rounded on its top corners tears a notch out of the
+    // segment above it, so stacks stay square.
+    radius: props.stacked ? 0 : [radius, radius, 0, 0],
+    maxBarSize: remPx(theme, props.maxBarWidth ?? 38)
+  };
+}
+
+export {
+  selectCategoryTicks,
+  categoryValues,
+  truncateTickLabel,
+  resolveAxisConfig,
+  resolveBarGeometry
+};
+//# sourceMappingURL=chunk-SOHQPPYJ.js.map