@aglyn/plugins-crm 1.0.0-beta.183 → 1.0.0-beta.185

package/src/lib/components/crm-filter-bar.js

@@ -14,15 +14,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */ 'use client';
-import { _ as _extends } from "@swc/helpers/_/_extends";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CRM_VIEW_MAX_FILTERS } from "@aglyn/aglyn";
-import { mdiFilterPlusOutline } from "@aglyn/shared-data-mdi";
-import { MdiIcon } from "@aglyn/shared-ui-jsx";
-import { listFilterOperatorLabel, listFilterOperators } from "@aglyn/shared-ui-jsx/const/list-filter";
-import { Button, Chip, MenuItem, Popover, Stack, TextField, Tooltip } from "@mui/material";
-import { useMemo, useState } from "react";
-/** Operators that carry no value, so the value box is not shown for them. */ const VALUELESS = new Set([
+import { jsx as _jsx } from "react/jsx-runtime";
+import { listFilterOperatorLabel } from "@aglyn/shared-ui-jsx/const/list-filter";
+import { Chip, Stack, Tooltip } from "@mui/material";
+/** Operators that carry no value. */ const VALUELESS = new Set([
     'isEmpty',
     'isNotEmpty'
 ]);
@@ -34,84 +29,22 @@ const dayLabel = (raw)=>{
     return Number.isNaN(at.getTime()) ? raw : at.toLocaleDateString();
 };
 /**
- * The chips above a CRM list: every clause the list is narrowed by, and
- * the one control that adds another (AGL-2617).
+ * Every clause a CRM list is narrowed by, as chips over the grid (AGL-2617,
+ * AGL-3313).
  *
- * A saved view carries several clauses and the data grid's own filter panel
- * holds one, so the list needs an editor of its own for the set. Each
- * clause is a chip that reads as a sentence — "Owner is Dana", "Created on
- * or after 1 Jan" — with the clause the query serves marked, because that
- * is the one that reached every contact and the others narrowed the loaded
- * window; the list's caption says the same thing in prose.
- *
- * Adding one is a popover, not a row of controls: field, operator, value,
- * Add. The value control follows the field — a picker where the section
- * supplied choices, a date box for a date, a number box for a number, a
- * text box otherwise — and the operators offered are exactly the ones the
- * grammar declares for the field, so a clause cannot be built that nothing
- * answers.
+ * The clauses are ADDED through the grid's own Filters panel; this bar is
+ * what shows the SET. The free DataGrid's panel holds one item at a time
+ * and a saved view holds several, so without it a view narrowed by lead
+ * source and status would show one of the two and hide the other. Each
+ * chip reads as a sentence — "Owner is Dana", "Created on or after 1 Jan"
+ * — and removes its clause; where some clauses reach the query and others
+ * narrow the loaded rows, the served one is marked.
  */ export function CrmFilterBar(props) {
-    var _choosable_find;
-    const { fields, headers, clauses, onChange, options = {}, servedField = null, disabled = false, onOpen } = props;
-    const [anchor, setAnchor] = useState(null);
-    const [draft, setDraft] = useState({
-        field: '',
-        op: '',
-        value: ''
-    });
-    /** Fields a clause can be added on — those with at least one operator. */ const choosable = useMemo(()=>fields.filter((field)=>listFilterOperators(field).length > 0), [
-        fields
-    ]);
+    const { fields, headers, clauses, onChange, options = {}, servedField = null, marksServed = true, disabled = false } = props;
     const header = (column)=>{
         var _headers_column;
         return (_headers_column = headers[column]) != null ? _headers_column : column;
     };
-    const draftField = (_choosable_find = choosable.find((field)=>field.column === draft.field)) != null ? _choosable_find : null;
-    const operators = draftField ? listFilterOperators(draftField) : [];
-    const draftOptions = draft.field ? options[draft.field] : undefined;
-    const valueless = VALUELESS.has(draft.op);
-    const multi = MULTI.has(draft.op);
-    const open = (event)=>{
-        var _ref, _firstOps_;
-        const first = choosable[0];
-        const firstOps = first ? listFilterOperators(first) : [];
-        setDraft({
-            field: (_ref = first == null ? void 0 : first.column) != null ? _ref : '',
-            op: (_firstOps_ = firstOps[0]) != null ? _firstOps_ : '',
-            value: ''
-        });
-        setAnchor(event.currentTarget);
-        onOpen == null ? void 0 : onOpen();
-    };
-    const close = ()=>setAnchor(null);
-    const chooseField = (column)=>{
-        var _ops_;
-        const field = choosable.find((entry)=>entry.column === column);
-        const ops = field ? listFilterOperators(field) : [];
-        setDraft({
-            field: column,
-            op: (_ops_ = ops[0]) != null ? _ops_ : '',
-            value: ''
-        });
-    };
-    const canAdd = Boolean(draft.field && draft.op) && (valueless || draft.value.trim() !== '') && clauses.length < CRM_VIEW_MAX_FILTERS;
-    const add = ()=>{
-        var _draftOptions_find;
-        if (!canAdd) return;
-        const value = valueless ? '' : draft.value.trim();
-        const label = draftOptions && !multi ? (_draftOptions_find = draftOptions.find((option)=>option.value === value)) == null ? void 0 : _draftOptions_find.label : undefined;
-        onChange([
-            ...clauses,
-            _extends({
-                field: draft.field,
-                op: draft.op,
-                value
-            }, label ? {
-                label
-            } : {})
-        ]);
-        close();
-    };
     /** How a clause reads: its header, its operator, and its value by label. */ const sentence = (clause)=>{
         var _clause_label;
         const field = fields.find((entry)=>entry.column === clause.field);
@@ -124,7 +57,8 @@ const dayLabel = (raw)=>{
         const value = VALUELESS.has(clause.op) ? '' : MULTI.has(clause.op) ? clause.value.split(',').map((entry)=>entry.trim()).filter(Boolean).map(named).join(', ') : (_clause_label = clause.label) != null ? _clause_label : (field == null ? void 0 : field.kind) === 'date' ? dayLabel(clause.value) : named(clause.value);
         return `${header(clause.field)} ${listFilterOperatorLabel(clause.op)}${value ? ` ${value}` : ''}`;
     };
-    return /*#__PURE__*/ _jsxs(Stack, {
+    if (!clauses.length) return null;
+    return /*#__PURE__*/ _jsx(Stack, {
         direction: "row",
         spacing: 1,
         useFlexGap: true,
@@ -132,160 +66,25 @@ const dayLabel = (raw)=>{
             alignItems: 'center',
             flexWrap: 'wrap'
         },
-        children: [
-            clauses.map((clause, index)=>{
-                const served = servedField !== null && clause.field === servedField;
-                return /*#__PURE__*/ _jsx(Tooltip, {
-                    title: served ? 'Searched across every record' : 'Narrows the records already loaded',
-                    children: /*#__PURE__*/ _jsx(Chip, {
-                        size: "small",
-                        variant: served ? 'filled' : 'outlined',
-                        color: served ? 'primary' : 'default',
-                        label: sentence(clause),
-                        disabled: disabled,
-                        onDelete: ()=>onChange(clauses.filter((_entry, at)=>at !== index))
-                    })
-                }, `${clause.field}-${clause.op}-${index}`);
-            }),
-            /*#__PURE__*/ _jsx(Button, {
+        role: "list",
+        "aria-label": "Filters",
+        children: clauses.map((clause, index)=>{
+            const served = marksServed && servedField !== null && clause.field === servedField;
+            const key = `${clause.field}-${clause.op}-${index}`;
+            const chip = /*#__PURE__*/ _jsx(Chip, {
+                role: "listitem",
                 size: "small",
-                startIcon: /*#__PURE__*/ _jsx(MdiIcon, {
-                    path: mdiFilterPlusOutline.path,
-                    size: 0.8
-                }),
-                onClick: open,
-                disabled: disabled || !choosable.length || clauses.length >= CRM_VIEW_MAX_FILTERS,
-                "aria-haspopup": "dialog",
-                children: 'Add filter'
-            }),
-            /*#__PURE__*/ _jsx(Popover, {
-                open: Boolean(anchor),
-                anchorEl: anchor,
-                onClose: close,
-                anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'left'
-                },
-                children: /*#__PURE__*/ _jsxs(Stack, {
-                    spacing: 1.5,
-                    sx: {
-                        p: 2,
-                        minWidth: 280
-                    },
-                    role: "dialog",
-                    "aria-label": "Add filter",
-                    children: [
-                        /*#__PURE__*/ _jsx(TextField, {
-                            select: true,
-                            size: "small",
-                            label: "Field",
-                            value: draft.field,
-                            onChange: (event)=>chooseField(event.target.value),
-                            children: choosable.map((field)=>/*#__PURE__*/ _jsx(MenuItem, {
-                                    value: field.column,
-                                    children: header(field.column)
-                                }, field.column))
-                        }),
-                        /*#__PURE__*/ _jsx(TextField, {
-                            select: true,
-                            size: "small",
-                            label: "Condition",
-                            value: draft.op,
-                            onChange: (event)=>setDraft((prev)=>_extends({}, prev, {
-                                        op: event.target.value,
-                                        value: ''
-                                    })),
-                            disabled: !draftField,
-                            children: operators.map((op)=>/*#__PURE__*/ _jsx(MenuItem, {
-                                    value: op,
-                                    children: listFilterOperatorLabel(op)
-                                }, op))
-                        }),
-                        valueless ? null : draftOptions ? /*#__PURE__*/ _jsx(TextField, {
-                            select: true,
-                            size: "small",
-                            label: "Value",
-                            value: multi ? draft.value.split(',').filter(Boolean) : draft.value,
-                            onChange: (event)=>{
-                                const next = event.target.value;
-                                setDraft((prev)=>_extends({}, prev, {
-                                        value: Array.isArray(next) ? next.join(',') : String(next)
-                                    }));
-                            },
-                            slotProps: multi ? {
-                                select: {
-                                    multiple: true
-                                }
-                            } : undefined,
-                            children: draftOptions.map((option)=>/*#__PURE__*/ _jsx(MenuItem, {
-                                    value: option.value,
-                                    children: option.label
-                                }, option.value))
-                        }) : (draftField == null ? void 0 : draftField.kind) === 'boolean' ? /*#__PURE__*/ _jsxs(TextField, {
-                            select: true,
-                            size: "small",
-                            label: "Value",
-                            value: draft.value,
-                            onChange: (event)=>setDraft((prev)=>_extends({}, prev, {
-                                        value: event.target.value
-                                    })),
-                            children: [
-                                /*#__PURE__*/ _jsx(MenuItem, {
-                                    value: "true",
-                                    children: 'Yes'
-                                }),
-                                /*#__PURE__*/ _jsx(MenuItem, {
-                                    value: "false",
-                                    children: 'No'
-                                })
-                            ]
-                        }) : /*#__PURE__*/ _jsx(TextField, {
-                            size: "small",
-                            label: "Value",
-                            type: (draftField == null ? void 0 : draftField.kind) === 'date' ? 'date' : (draftField == null ? void 0 : draftField.kind) === 'number' ? 'number' : 'text',
-                            placeholder: multi ? 'one, two, three' : undefined,
-                            helperText: multi ? 'Separate several with commas' : undefined,
-                            value: draft.value,
-                            onChange: (event)=>setDraft((prev)=>_extends({}, prev, {
-                                        value: event.target.value
-                                    })),
-                            onKeyDown: (event)=>{
-                                if (event.key === 'Enter') {
-                                    event.preventDefault();
-                                    add();
-                                }
-                            },
-                            slotProps: (draftField == null ? void 0 : draftField.kind) === 'date' ? {
-                                inputLabel: {
-                                    shrink: true
-                                }
-                            } : undefined
-                        }),
-                        /*#__PURE__*/ _jsxs(Stack, {
-                            direction: "row",
-                            spacing: 1,
-                            sx: {
-                                justifyContent: 'flex-end'
-                            },
-                            children: [
-                                /*#__PURE__*/ _jsx(Button, {
-                                    size: "small",
-                                    onClick: close,
-                                    children: 'Cancel'
-                                }),
-                                /*#__PURE__*/ _jsx(Button, {
-                                    size: "small",
-                                    variant: "contained",
-                                    disabled: !canAdd,
-                                    onClick: add,
-                                    children: 'Add'
-                                })
-                            ]
-                        })
-                    ]
-                })
-            })
-        ]
+                variant: served ? 'filled' : 'outlined',
+                color: served ? 'primary' : 'default',
+                label: sentence(clause),
+                disabled: disabled,
+                onDelete: ()=>onChange(clauses.filter((_entry, at)=>at !== index))
+            }, key);
+            return marksServed ? /*#__PURE__*/ _jsx(Tooltip, {
+                title: served ? 'Searched across every record' : 'Narrows the records already loaded',
+                children: chip
+            }, key) : chip;
+        })
     });
 }
 CrmFilterBar.displayName = 'CrmFilterBar';

package/src/lib/components/crm-filter-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-filter-bar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { CRM_VIEW_MAX_FILTERS, type CrmViewFilterClause } from '@aglyn/aglyn'\nimport { mdiFilterPlusOutline } from '@aglyn/shared-data-mdi'\nimport { MdiIcon } from '@aglyn/shared-ui-jsx'\nimport {\n  type ListFilterField,\n  listFilterOperatorLabel,\n  listFilterOperators,\n} from '@aglyn/shared-ui-jsx/const/list-filter'\nimport {\n  Button,\n  Chip,\n  MenuItem,\n  Popover,\n  Stack,\n  TextField,\n  Tooltip,\n} from '@mui/material'\nimport { type MouseEvent, useMemo, useState } from 'react'\n\n/** A choice for a field whose value is picked rather than typed. */\nexport interface CrmFilterOption {\n  value: string\n  label: string\n}\n\nexport interface CrmFilterBarProps {\n  /** The list's grammar — every field a clause may name. */\n  fields: readonly ListFilterField[]\n  /** How a field reads on a chip; a field without one reads as its column. */\n  headers: Readonly<Record<string, string>>\n  clauses: readonly CrmViewFilterClause[]\n  onChange: (clauses: CrmViewFilterClause[]) => void\n  /**\n   * Choices per field — an owner from the roster, a stage from the fixed\n   * list, a source from its labels. A field with choices gets a picker\n   * and its chip shows the label; without them a value is typed.\n   */\n  options?: Readonly<Record<string, readonly CrmFilterOption[]>>\n  /** The field the query is serving, marked so the reader knows which reached everything. */\n  servedField?: string | null\n  disabled?: boolean\n  /**\n   * The reader reached for a filter. A section that reads its pickers'\n   * choices lazily — the roster, the companies — starts those reads here,\n   * so a list nobody is narrowing pays for neither.\n   */\n  onOpen?: () => void\n}\n\n/** Operators that carry no value, so the value box is not shown for them. */\nconst VALUELESS = new Set(['isEmpty', 'isNotEmpty'])\n/** Operators that take several values, comma-joined the way the grammar splits them. */\nconst MULTI = new Set(['isAnyOf'])\n\nconst dayLabel = (raw: string): string => {\n  const at = new Date(raw)\n  return Number.isNaN(at.getTime()) ? raw : at.toLocaleDateString()\n}\n\n/**\n * The chips above a CRM list: every clause the list is narrowed by, and\n * the one control that adds another (AGL-2617).\n *\n * A saved view carries several clauses and the data grid's own filter panel\n * holds one, so the list needs an editor of its own for the set. Each\n * clause is a chip that reads as a sentence — \"Owner is Dana\", \"Created on\n * or after 1 Jan\" — with the clause the query serves marked, because that\n * is the one that reached every contact and the others narrowed the loaded\n * window; the list's caption says the same thing in prose.\n *\n * Adding one is a popover, not a row of controls: field, operator, value,\n * Add. The value control follows the field — a picker where the section\n * supplied choices, a date box for a date, a number box for a number, a\n * text box otherwise — and the operators offered are exactly the ones the\n * grammar declares for the field, so a clause cannot be built that nothing\n * answers.\n */\nexport function CrmFilterBar(props: CrmFilterBarProps) {\n  const {\n    fields,\n    headers,\n    clauses,\n    onChange,\n    options = {},\n    servedField = null,\n    disabled = false,\n    onOpen,\n  } = props\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null)\n  const [draft, setDraft] = useState<{ field: string; op: string; value: string }>({\n    field: '',\n    op: '',\n    value: '',\n  })\n\n  /** Fields a clause can be added on — those with at least one operator. */\n  const choosable = useMemo(\n    () => fields.filter((field) => listFilterOperators(field).length > 0),\n    [fields],\n  )\n  const header = (column: string) => headers[column] ?? column\n  const draftField = choosable.find((field) => field.column === draft.field) ?? null\n  const operators = draftField ? listFilterOperators(draftField) : []\n  const draftOptions = draft.field ? options[draft.field] : undefined\n  const valueless = VALUELESS.has(draft.op)\n  const multi = MULTI.has(draft.op)\n\n  const open = (event: MouseEvent<HTMLElement>) => {\n    const first = choosable[0]\n    const firstOps = first ? listFilterOperators(first) : []\n    setDraft({ field: first?.column ?? '', op: firstOps[0] ?? '', value: '' })\n    setAnchor(event.currentTarget)\n    onOpen?.()\n  }\n  const close = () => setAnchor(null)\n\n  const chooseField = (column: string) => {\n    const field = choosable.find((entry) => entry.column === column)\n    const ops = field ? listFilterOperators(field) : []\n    setDraft({ field: column, op: ops[0] ?? '', value: '' })\n  }\n\n  const canAdd =\n    Boolean(draft.field && draft.op) &&\n    (valueless || draft.value.trim() !== '') &&\n    clauses.length < CRM_VIEW_MAX_FILTERS\n\n  const add = () => {\n    if (!canAdd) return\n    const value = valueless ? '' : draft.value.trim()\n    const label =\n      draftOptions && !multi\n        ? draftOptions.find((option) => option.value === value)?.label\n        : undefined\n    onChange([...clauses, { field: draft.field, op: draft.op, value, ...(label ? { label } : {}) }])\n    close()\n  }\n\n  /** How a clause reads: its header, its operator, and its value by label. */\n  const sentence = (clause: CrmViewFilterClause): string => {\n    const field = fields.find((entry) => entry.column === clause.field)\n    const choices = options[clause.field]\n    const named = (value: string) =>\n      choices?.find((option) => option.value === value)?.label ?? value\n    const value = VALUELESS.has(clause.op)\n      ? ''\n      : MULTI.has(clause.op)\n        ? clause.value\n            .split(',')\n            .map((entry) => entry.trim())\n            .filter(Boolean)\n            .map(named)\n            .join(', ')\n        : clause.label ?? (field?.kind === 'date' ? dayLabel(clause.value) : named(clause.value))\n    return `${header(clause.field)} ${listFilterOperatorLabel(clause.op)}${value ? ` ${value}` : ''}`\n  }\n\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={1}\n      useFlexGap\n      sx={{ alignItems: 'center', flexWrap: 'wrap' }}\n    >\n      {clauses.map((clause, index) => {\n        const served = servedField !== null && clause.field === servedField\n        return (\n          <Tooltip\n            key={`${clause.field}-${clause.op}-${index}`}\n            title={\n              served\n                ? 'Searched across every record'\n                : 'Narrows the records already loaded'\n            }\n          >\n            <Chip\n              size=\"small\"\n              variant={served ? 'filled' : 'outlined'}\n              color={served ? 'primary' : 'default'}\n              label={sentence(clause)}\n              disabled={disabled}\n              onDelete={() => onChange(clauses.filter((_entry, at) => at !== index))}\n            />\n          </Tooltip>\n        )\n      })}\n      <Button\n        size=\"small\"\n        startIcon={<MdiIcon path={mdiFilterPlusOutline.path} size={0.8} />}\n        onClick={open}\n        disabled={disabled || !choosable.length || clauses.length >= CRM_VIEW_MAX_FILTERS}\n        aria-haspopup=\"dialog\"\n      >\n        {'Add filter'}\n      </Button>\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      >\n        <Stack spacing={1.5} sx={{ p: 2, minWidth: 280 }} role=\"dialog\" aria-label=\"Add filter\">\n          <TextField\n            select\n            size=\"small\"\n            label=\"Field\"\n            value={draft.field}\n            onChange={(event) => chooseField(event.target.value)}\n          >\n            {choosable.map((field) => (\n              <MenuItem key={field.column} value={field.column}>\n                {header(field.column)}\n              </MenuItem>\n            ))}\n          </TextField>\n          <TextField\n            select\n            size=\"small\"\n            label=\"Condition\"\n            value={draft.op}\n            onChange={(event) => setDraft((prev) => ({ ...prev, op: event.target.value, value: '' }))}\n            disabled={!draftField}\n          >\n            {operators.map((op) => (\n              <MenuItem key={op} value={op}>\n                {listFilterOperatorLabel(op)}\n              </MenuItem>\n            ))}\n          </TextField>\n          {valueless ? null : draftOptions ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Value\"\n              value={multi ? draft.value.split(',').filter(Boolean) : draft.value}\n              onChange={(event) => {\n                const next = event.target.value as unknown\n                setDraft((prev) => ({\n                  ...prev,\n                  value: Array.isArray(next) ? next.join(',') : String(next),\n                }))\n              }}\n              slotProps={multi ? { select: { multiple: true } } : undefined}\n            >\n              {draftOptions.map((option) => (\n                <MenuItem key={option.value} value={option.value}>\n                  {option.label}\n                </MenuItem>\n              ))}\n            </TextField>\n          ) : draftField?.kind === 'boolean' ? (\n            <TextField\n              select\n              size=\"small\"\n              label=\"Value\"\n              value={draft.value}\n              onChange={(event) => setDraft((prev) => ({ ...prev, value: event.target.value }))}\n            >\n              <MenuItem value=\"true\">{'Yes'}</MenuItem>\n              <MenuItem value=\"false\">{'No'}</MenuItem>\n            </TextField>\n          ) : (\n            <TextField\n              size=\"small\"\n              label=\"Value\"\n              type={\n                draftField?.kind === 'date'\n                  ? 'date'\n                  : draftField?.kind === 'number'\n                    ? 'number'\n                    : 'text'\n              }\n              placeholder={multi ? 'one, two, three' : undefined}\n              helperText={multi ? 'Separate several with commas' : undefined}\n              value={draft.value}\n              onChange={(event) => setDraft((prev) => ({ ...prev, value: event.target.value }))}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter') {\n                  event.preventDefault()\n                  add()\n                }\n              }}\n              slotProps={\n                draftField?.kind === 'date' ? { inputLabel: { shrink: true } } : undefined\n              }\n            />\n          )}\n          <Stack direction=\"row\" spacing={1} sx={{ justifyContent: 'flex-end' }}>\n            <Button size=\"small\" onClick={close}>\n              {'Cancel'}\n            </Button>\n            <Button size=\"small\" variant=\"contained\" disabled={!canAdd} onClick={add}>\n              {'Add'}\n            </Button>\n          </Stack>\n        </Stack>\n      </Popover>\n    </Stack>\n  )\n}\nCrmFilterBar.displayName = 'CrmFilterBar'\n\nexport default CrmFilterBar\n"],"names":["CRM_VIEW_MAX_FILTERS","mdiFilterPlusOutline","MdiIcon","listFilterOperatorLabel","listFilterOperators","Button","Chip","MenuItem","Popover","Stack","TextField","Tooltip","useMemo","useState","VALUELESS","Set","MULTI","dayLabel","raw","at","Date","Number","isNaN","getTime","toLocaleDateString","CrmFilterBar","props","choosable","fields","headers","clauses","onChange","options","servedField","disabled","onOpen","anchor","setAnchor","draft","setDraft","field","op","value","filter","length","header","column","draftField","find","operators","draftOptions","undefined","valueless","has","multi","open","event","firstOps","first","currentTarget","close","chooseField","ops","entry","canAdd","Boolean","trim","add","label","option","sentence","clause","choices","named","split","map","join","kind","direction","spacing","useFlexGap","sx","alignItems","flexWrap","index","served","title","size","variant","color","onDelete","_entry","startIcon","path","onClick","aria-haspopup","anchorEl","onClose","anchorOrigin","vertical","horizontal","p","minWidth","role","aria-label","select","target","prev","next","Array","isArray","String","slotProps","multiple","type","placeholder","helperText","onKeyDown","key","preventDefault","inputLabel","shrink","justifyContent","displayName"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-filter-bar.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n'use client'\n\nimport type { CrmViewFilterClause } from '@aglyn/aglyn'\nimport {\n  type ListFilterField,\n  listFilterOperatorLabel,\n} from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { Chip, Stack, Tooltip } from '@mui/material'\nimport type { CrmFilterOption } from '../model/crm-grid-filter'\n\nexport type { CrmFilterOption } from '../model/crm-grid-filter'\n\nexport interface CrmFilterBarProps {\n  /** The list's grammar — every field a clause may name. */\n  fields: readonly ListFilterField[]\n  /** How a field reads on a chip; a field without one reads as its column. */\n  headers: Readonly<Record<string, string>>\n  clauses: readonly CrmViewFilterClause[]\n  onChange: (clauses: CrmViewFilterClause[]) => void\n  /** Choices per field, so a chip names a picked value by its label. */\n  options?: Readonly<Record<string, readonly CrmFilterOption[]>>\n  /**\n   * The field the query is serving, marked so the reader knows which reached\n   * everything. Omitted on a list whose every clause narrows the same rows.\n   */\n  servedField?: string | null\n  /** Whether chips carry the served / loaded-window distinction at all. */\n  marksServed?: boolean\n  disabled?: boolean\n}\n\n/** Operators that carry no value. */\nconst VALUELESS = new Set(['isEmpty', 'isNotEmpty'])\n/** Operators that take several values, comma-joined the way the grammar splits them. */\nconst MULTI = new Set(['isAnyOf'])\n\nconst dayLabel = (raw: string): string => {\n  const at = new Date(raw)\n  return Number.isNaN(at.getTime()) ? raw : at.toLocaleDateString()\n}\n\n/**\n * Every clause a CRM list is narrowed by, as chips over the grid (AGL-2617,\n * AGL-3313).\n *\n * The clauses are ADDED through the grid's own Filters panel; this bar is\n * what shows the SET. The free DataGrid's panel holds one item at a time\n * and a saved view holds several, so without it a view narrowed by lead\n * source and status would show one of the two and hide the other. Each\n * chip reads as a sentence — \"Owner is Dana\", \"Created on or after 1 Jan\"\n * — and removes its clause; where some clauses reach the query and others\n * narrow the loaded rows, the served one is marked.\n */\nexport function CrmFilterBar(props: CrmFilterBarProps) {\n  const {\n    fields,\n    headers,\n    clauses,\n    onChange,\n    options = {},\n    servedField = null,\n    marksServed = true,\n    disabled = false,\n  } = props\n  const header = (column: string) => headers[column] ?? column\n\n  /** How a clause reads: its header, its operator, and its value by label. */\n  const sentence = (clause: CrmViewFilterClause): string => {\n    const field = fields.find((entry) => entry.column === clause.field)\n    const choices = options[clause.field]\n    const named = (value: string) =>\n      choices?.find((option) => option.value === value)?.label ?? value\n    const value = VALUELESS.has(clause.op)\n      ? ''\n      : MULTI.has(clause.op)\n        ? clause.value\n            .split(',')\n            .map((entry) => entry.trim())\n            .filter(Boolean)\n            .map(named)\n            .join(', ')\n        : clause.label ?? (field?.kind === 'date' ? dayLabel(clause.value) : named(clause.value))\n    return `${header(clause.field)} ${listFilterOperatorLabel(clause.op)}${value ? ` ${value}` : ''}`\n  }\n\n  if (!clauses.length) return null\n  return (\n    <Stack\n      direction=\"row\"\n      spacing={1}\n      useFlexGap\n      sx={{ alignItems: 'center', flexWrap: 'wrap' }}\n      role=\"list\"\n      aria-label=\"Filters\"\n    >\n      {clauses.map((clause, index) => {\n        const served = marksServed && servedField !== null && clause.field === servedField\n        const key = `${clause.field}-${clause.op}-${index}`\n        const chip = (\n          <Chip\n            key={key}\n            role=\"listitem\"\n            size=\"small\"\n            variant={served ? 'filled' : 'outlined'}\n            color={served ? 'primary' : 'default'}\n            label={sentence(clause)}\n            disabled={disabled}\n            onDelete={() => onChange(clauses.filter((_entry, at) => at !== index))}\n          />\n        )\n        return marksServed ? (\n          <Tooltip\n            key={key}\n            title={served ? 'Searched across every record' : 'Narrows the records already loaded'}\n          >\n            {chip}\n          </Tooltip>\n        ) : (\n          chip\n        )\n      })}\n    </Stack>\n  )\n}\nCrmFilterBar.displayName = 'CrmFilterBar'\n\nexport default CrmFilterBar\n"],"names":["listFilterOperatorLabel","Chip","Stack","Tooltip","VALUELESS","Set","MULTI","dayLabel","raw","at","Date","Number","isNaN","getTime","toLocaleDateString","CrmFilterBar","props","fields","headers","clauses","onChange","options","servedField","marksServed","disabled","header","column","sentence","clause","field","find","entry","choices","named","value","option","label","has","op","split","map","trim","filter","Boolean","join","kind","length","direction","spacing","useFlexGap","sx","alignItems","flexWrap","role","aria-label","index","served","key","chip","size","variant","color","onDelete","_entry","title","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GAED;;AAGA,SAEEA,uBAAuB,QAClB,yCAAwC;AAC/C,SAASC,IAAI,EAAEC,KAAK,EAAEC,OAAO,QAAQ,gBAAe;AAwBpD,mCAAmC,GACnC,MAAMC,YAAY,IAAIC,IAAI;IAAC;IAAW;CAAa;AACnD,sFAAsF,GACtF,MAAMC,QAAQ,IAAID,IAAI;IAAC;CAAU;AAEjC,MAAME,WAAW,CAACC;IAChB,MAAMC,KAAK,IAAIC,KAAKF;IACpB,OAAOG,OAAOC,KAAK,CAACH,GAAGI,OAAO,MAAML,MAAMC,GAAGK,kBAAkB;AACjE;AAEA;;;;;;;;;;;CAWC,GACD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EACJC,MAAM,EACNC,OAAO,EACPC,OAAO,EACPC,QAAQ,EACRC,UAAU,CAAC,CAAC,EACZC,cAAc,IAAI,EAClBC,cAAc,IAAI,EAClBC,WAAW,KAAK,EACjB,GAAGR;IACJ,MAAMS,SAAS,CAACC;YAAmBR;gBAAAA,kBAAAA,OAAO,CAACQ,OAAO,YAAfR,kBAAmBQ;;IAEtD,0EAA0E,GAC1E,MAAMC,WAAW,CAACC;YAcVA;QAbN,MAAMC,QAAQZ,OAAOa,IAAI,CAAC,CAACC,QAAUA,MAAML,MAAM,KAAKE,OAAOC,KAAK;QAClE,MAAMG,UAAUX,OAAO,CAACO,OAAOC,KAAK,CAAC;QACrC,MAAMI,QAAQ,CAACC;;gBACbF;2BAAAA,4BAAAA,gBAAAA,QAASF,IAAI,CAAC,CAACK,SAAWA,OAAOD,KAAK,KAAKA,2BAA3CF,cAAmDI,KAAK,mBAAIF;;QAC9D,MAAMA,QAAQ9B,UAAUiC,GAAG,CAACT,OAAOU,EAAE,IACjC,KACAhC,MAAM+B,GAAG,CAACT,OAAOU,EAAE,IACjBV,OAAOM,KAAK,CACTK,KAAK,CAAC,KACNC,GAAG,CAAC,CAACT,QAAUA,MAAMU,IAAI,IACzBC,MAAM,CAACC,SACPH,GAAG,CAACP,OACJW,IAAI,CAAC,SACRhB,gBAAAA,OAAOQ,KAAK,YAAZR,gBAAiBC,CAAAA,yBAAAA,MAAOgB,IAAI,MAAK,SAAStC,SAASqB,OAAOM,KAAK,IAAID,MAAML,OAAOM,KAAK;QAC3F,OAAO,GAAGT,OAAOG,OAAOC,KAAK,EAAE,CAAC,EAAE7B,wBAAwB4B,OAAOU,EAAE,IAAIJ,QAAQ,CAAC,CAAC,EAAEA,OAAO,GAAG,IAAI;IACnG;IAEA,IAAI,CAACf,QAAQ2B,MAAM,EAAE,OAAO;IAC5B,qBACE,KAAC5C;QACC6C,WAAU;QACVC,SAAS;QACTC,UAAU;QACVC,IAAI;YAAEC,YAAY;YAAUC,UAAU;QAAO;QAC7CC,MAAK;QACLC,cAAW;kBAEVnC,QAAQqB,GAAG,CAAC,CAACZ,QAAQ2B;YACpB,MAAMC,SAASjC,eAAeD,gBAAgB,QAAQM,OAAOC,KAAK,KAAKP;YACvE,MAAMmC,MAAM,GAAG7B,OAAOC,KAAK,CAAC,CAAC,EAAED,OAAOU,EAAE,CAAC,CAAC,EAAEiB,OAAO;YACnD,MAAMG,qBACJ,KAACzD;gBAECoD,MAAK;gBACLM,MAAK;gBACLC,SAASJ,SAAS,WAAW;gBAC7BK,OAAOL,SAAS,YAAY;gBAC5BpB,OAAOT,SAASC;gBAChBJ,UAAUA;gBACVsC,UAAU,IAAM1C,SAASD,QAAQuB,MAAM,CAAC,CAACqB,QAAQtD,KAAOA,OAAO8C;eAP1DE;YAUT,OAAOlC,4BACL,KAACpB;gBAEC6D,OAAOR,SAAS,iCAAiC;0BAEhDE;eAHID,OAMPC;QAEJ;;AAGN;AACA3C,aAAakD,WAAW,GAAG;AAE3B,eAAelD,aAAY"}

package/src/lib/components/crm-next-activity-column.d.ts

@@ -1,4 +1,4 @@
-import { type CrmViewFilterClause } from '@aglyn/aglyn';
+import type { ListFilterField } from '@aglyn/shared-ui-jsx/const/list-filter';
 import type { GridColDef } from '@mui/x-data-grid';
 /**
  * The "Next activity" column the contacts, companies and deals lists share
@@ -9,27 +9,19 @@ import type { GridColDef } from '@mui/x-data-grid';
  * color, today emphasized — because it IS that date, seen from the record.
  * A dash for a record with nothing scheduled, and the same dash for one
  * written before the field existed: the reader's question is "is anything
- * planned", and to both the answer is no. Sorting and filtering are off
- * for the same reason the custom columns' are — the value is on the row,
- * and a sort over the loaded window would look like a sort over the
- * collection; the "No next activity" toggle is the filter, and it says
- * what it narrows.
+ * planned", and to both the answer is no. Sorting is off for the reason
+ * the custom columns' is — the value is on the row, and a sort over the
+ * loaded window would look like a sort over the collection. Filtering is
+ * the list's to switch on, through `CRM_NEXT_ACTIVITY_FILTER_FIELD`.
  */
 export declare function nextActivityColumn(nowMs: number): GridColDef;
-export interface NoNextActivityToggleProps {
-    /** The view's clauses; the toggle reads its own state off them. */
-    filters: readonly CrmViewFilterClause[];
-    onChange: (filters: CrmViewFilterClause[]) => void;
-    disabled?: boolean;
-}
 /**
- * The "No next activity" filter as one chip beside the view control: on,
- * the list keeps only the records with nothing scheduled. It is a clause
- * on the SAVED VIEW — `withNoNextActivity` — so a view saved with it on
- * reopens with it on, and the clause survives the other filters a list
- * sets around it.
+ * "No next activity" as a filter of the grid's own panel (AGL-3313): the
+ * Next activity column offers "is empty", which stores the clause
+ * `isNoNextActivityClause` names, so a view saved with the old toggle on
+ * reopens filtered the same way. Window-only: absence has no index, so it
+ * narrows the loaded rows beside whatever the query serves.
  */
-export declare function NoNextActivityToggle(props: NoNextActivityToggleProps): import("react").JSX.Element;
-export declare namespace NoNextActivityToggle {
-    var displayName: string;
-}
+export declare const CRM_NEXT_ACTIVITY_FILTER_FIELD: ListFilterField;
+/** What the clause reads as on a chip. */
+export declare const CRM_NEXT_ACTIVITY_FILTER_HEADER = "Next activity";

package/src/lib/components/crm-next-activity-column.js

@@ -15,8 +15,8 @@
  * limitations under the License.
  */ 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CRM_NEXT_ACTIVITY_FIELD, isNoNextActivityClause, readNextTaskAtMs, withNoNextActivity } from "@aglyn/aglyn";
-import { Chip, Tooltip, Typography } from "@mui/material";
+import { CRM_NEXT_ACTIVITY_FIELD, readNextTaskAtMs } from "@aglyn/aglyn";
+import { Tooltip, Typography } from "@mui/material";
 import { TaskDueText } from "./task-cells.js";
 /**
  * The "Next activity" column the contacts, companies and deals lists share
@@ -27,11 +27,10 @@ import { TaskDueText } from "./task-cells.js";
  * color, today emphasized — because it IS that date, seen from the record.
  * A dash for a record with nothing scheduled, and the same dash for one
  * written before the field existed: the reader's question is "is anything
- * planned", and to both the answer is no. Sorting and filtering are off
- * for the same reason the custom columns' are — the value is on the row,
- * and a sort over the loaded window would look like a sort over the
- * collection; the "No next activity" toggle is the filter, and it says
- * what it narrows.
+ * planned", and to both the answer is no. Sorting is off for the reason
+ * the custom columns' is — the value is on the row, and a sort over the
+ * loaded window would look like a sort over the collection. Filtering is
+ * the list's to switch on, through `CRM_NEXT_ACTIVITY_FILTER_FIELD`.
  */ export function nextActivityColumn(nowMs) {
     return {
         field: CRM_NEXT_ACTIVITY_FIELD,
@@ -71,30 +70,20 @@ import { TaskDueText } from "./task-cells.js";
     };
 }
 /**
- * The "No next activity" filter as one chip beside the view control: on,
- * the list keeps only the records with nothing scheduled. It is a clause
- * on the SAVED VIEW — `withNoNextActivity` — so a view saved with it on
- * reopens with it on, and the clause survives the other filters a list
- * sets around it.
- */ export function NoNextActivityToggle(props) {
-    const { filters, onChange, disabled } = props;
-    const on = filters.some(isNoNextActivityClause);
-    return /*#__PURE__*/ _jsx(Tooltip, {
-        title: on ? 'Showing records with nothing scheduled' : 'Only records with nothing scheduled',
-        // Describes rather than names: the chip's label is what a reader — and
-        // a saved view's caption — calls the filter.
-        describeChild: true,
-        children: /*#__PURE__*/ _jsx(Chip, {
-            size: "small",
-            label: "No next activity",
-            variant: on ? 'filled' : 'outlined',
-            color: on ? 'primary' : 'default',
-            disabled: disabled,
-            onClick: ()=>onChange(withNoNextActivity(filters, !on)),
-            "aria-pressed": on
-        })
-    });
-}
-NoNextActivityToggle.displayName = 'NoNextActivityToggle';
+ * "No next activity" as a filter of the grid's own panel (AGL-3313): the
+ * Next activity column offers "is empty", which stores the clause
+ * `isNoNextActivityClause` names, so a view saved with the old toggle on
+ * reopens filtered the same way. Window-only: absence has no index, so it
+ * narrows the loaded rows beside whatever the query serves.
+ */ export const CRM_NEXT_ACTIVITY_FILTER_FIELD = {
+    column: CRM_NEXT_ACTIVITY_FIELD,
+    kind: 'date',
+    path: CRM_NEXT_ACTIVITY_FIELD,
+    windowOnly: true,
+    operators: [
+        'isEmpty'
+    ]
+};
+/** What the clause reads as on a chip. */ export const CRM_NEXT_ACTIVITY_FILTER_HEADER = 'Next activity';
 
 //# sourceMappingURL=crm-next-activity-column.js.map

package/src/lib/components/crm-next-activity-column.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-next-activity-column.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport {\n  CRM_NEXT_ACTIVITY_FIELD,\n  type CrmViewFilterClause,\n  isNoNextActivityClause,\n  readNextTaskAtMs,\n  withNoNextActivity,\n} from '@aglyn/aglyn'\nimport { Chip, Tooltip, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { TaskDueText } from './task-cells'\n\n/**\n * The \"Next activity\" column the contacts, companies and deals lists share\n * (AGL-2661): when the record's earliest open task is due, off the\n * `nextTaskAtMs` every server-side task writer keeps on the row.\n *\n * Drawn the way the tasks list draws a due date — overdue in the warning\n * color, today emphasized — because it IS that date, seen from the record.\n * A dash for a record with nothing scheduled, and the same dash for one\n * written before the field existed: the reader's question is \"is anything\n * planned\", and to both the answer is no. Sorting and filtering are off\n * for the same reason the custom columns' are — the value is on the row,\n * and a sort over the loaded window would look like a sort over the\n * collection; the \"No next activity\" toggle is the filter, and it says\n * what it narrows.\n */\nexport function nextActivityColumn(nowMs: number): GridColDef {\n  return {\n    field: CRM_NEXT_ACTIVITY_FIELD,\n    headerName: 'Next activity',\n    flex: 0.8,\n    minWidth: 140,\n    type: 'date',\n    sortable: false,\n    filterable: false,\n    valueGetter: (_value: unknown, row: { nextTaskAtMs?: unknown }) => {\n      const at = readNextTaskAtMs(row)\n      return at === null ? null : new Date(at)\n    },\n    renderCell: ({ row }: { row: { nextTaskAtMs?: unknown } }) => {\n      const at = readNextTaskAtMs(row)\n      if (at === null) {\n        return (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'—'}\n          </Typography>\n        )\n      }\n      return (\n        <Tooltip title={new Date(at).toLocaleString()}>\n          <span>\n            <TaskDueText task={{ status: 'open', dueAtMs: at }} nowMs={nowMs} variant=\"caption\" />\n          </span>\n        </Tooltip>\n      )\n    },\n  }\n}\n\nexport interface NoNextActivityToggleProps {\n  /** The view's clauses; the toggle reads its own state off them. */\n  filters: readonly CrmViewFilterClause[]\n  onChange: (filters: CrmViewFilterClause[]) => void\n  disabled?: boolean\n}\n\n/**\n * The \"No next activity\" filter as one chip beside the view control: on,\n * the list keeps only the records with nothing scheduled. It is a clause\n * on the SAVED VIEW — `withNoNextActivity` — so a view saved with it on\n * reopens with it on, and the clause survives the other filters a list\n * sets around it.\n */\nexport function NoNextActivityToggle(props: NoNextActivityToggleProps) {\n  const { filters, onChange, disabled } = props\n  const on = filters.some(isNoNextActivityClause)\n  return (\n    <Tooltip\n      title={on ? 'Showing records with nothing scheduled' : 'Only records with nothing scheduled'}\n      // Describes rather than names: the chip's label is what a reader — and\n      // a saved view's caption — calls the filter.\n      describeChild\n    >\n      <Chip\n        size=\"small\"\n        label=\"No next activity\"\n        variant={on ? 'filled' : 'outlined'}\n        color={on ? 'primary' : 'default'}\n        disabled={disabled}\n        onClick={() => onChange(withNoNextActivity(filters, !on))}\n        aria-pressed={on}\n      />\n    </Tooltip>\n  )\n}\nNoNextActivityToggle.displayName = 'NoNextActivityToggle'\n"],"names":["CRM_NEXT_ACTIVITY_FIELD","isNoNextActivityClause","readNextTaskAtMs","withNoNextActivity","Chip","Tooltip","Typography","TaskDueText","nextActivityColumn","nowMs","field","headerName","flex","minWidth","type","sortable","filterable","valueGetter","_value","row","at","Date","renderCell","variant","color","title","toLocaleString","span","task","status","dueAtMs","NoNextActivityToggle","props","filters","onChange","disabled","on","some","describeChild","size","label","onClick","aria-pressed","displayName"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SACEA,uBAAuB,EAEvBC,sBAAsB,EACtBC,gBAAgB,EAChBC,kBAAkB,QACb,eAAc;AACrB,SAASC,IAAI,EAAEC,OAAO,EAAEC,UAAU,QAAQ,gBAAe;AAEzD,SAASC,WAAW,QAAQ,kBAAc;AAE1C;;;;;;;;;;;;;;CAcC,GACD,OAAO,SAASC,mBAAmBC,KAAa;IAC9C,OAAO;QACLC,OAAOV;QACPW,YAAY;QACZC,MAAM;QACNC,UAAU;QACVC,MAAM;QACNC,UAAU;QACVC,YAAY;QACZC,aAAa,CAACC,QAAiBC;YAC7B,MAAMC,KAAKlB,iBAAiBiB;YAC5B,OAAOC,OAAO,OAAO,OAAO,IAAIC,KAAKD;QACvC;QACAE,YAAY,CAAC,EAAEH,GAAG,EAAuC;YACvD,MAAMC,KAAKlB,iBAAiBiB;YAC5B,IAAIC,OAAO,MAAM;gBACf,qBACE,KAACd;oBAAWiB,SAAQ;oBAAUC,OAAM;8BACjC;;YAGP;YACA,qBACE,KAACnB;gBAAQoB,OAAO,IAAIJ,KAAKD,IAAIM,cAAc;0BACzC,cAAA,KAACC;8BACC,cAAA,KAACpB;wBAAYqB,MAAM;4BAAEC,QAAQ;4BAAQC,SAASV;wBAAG;wBAAGX,OAAOA;wBAAOc,SAAQ;;;;QAIlF;IACF;AACF;AASA;;;;;;CAMC,GACD,OAAO,SAASQ,qBAAqBC,KAAgC;IACnE,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IACxC,MAAMI,KAAKH,QAAQI,IAAI,CAACpC;IACxB,qBACE,KAACI;QACCoB,OAAOW,KAAK,2CAA2C;QACvD,uEAAuE;QACvE,6CAA6C;QAC7CE,aAAa;kBAEb,cAAA,KAAClC;YACCmC,MAAK;YACLC,OAAM;YACNjB,SAASa,KAAK,WAAW;YACzBZ,OAAOY,KAAK,YAAY;YACxBD,UAAUA;YACVM,SAAS,IAAMP,SAAS/B,mBAAmB8B,SAAS,CAACG;YACrDM,gBAAcN;;;AAItB;AACAL,qBAAqBY,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../../libs/plugins/crm/src/lib/components/crm-next-activity-column.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2026 Aglyn LLC\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n'use client'\n\nimport { CRM_NEXT_ACTIVITY_FIELD, readNextTaskAtMs } from '@aglyn/aglyn'\nimport type { ListFilterField } from '@aglyn/shared-ui-jsx/const/list-filter'\nimport { Tooltip, Typography } from '@mui/material'\nimport type { GridColDef } from '@mui/x-data-grid'\nimport { TaskDueText } from './task-cells'\n\n/**\n * The \"Next activity\" column the contacts, companies and deals lists share\n * (AGL-2661): when the record's earliest open task is due, off the\n * `nextTaskAtMs` every server-side task writer keeps on the row.\n *\n * Drawn the way the tasks list draws a due date — overdue in the warning\n * color, today emphasized — because it IS that date, seen from the record.\n * A dash for a record with nothing scheduled, and the same dash for one\n * written before the field existed: the reader's question is \"is anything\n * planned\", and to both the answer is no. Sorting is off for the reason\n * the custom columns' is — the value is on the row, and a sort over the\n * loaded window would look like a sort over the collection. Filtering is\n * the list's to switch on, through `CRM_NEXT_ACTIVITY_FILTER_FIELD`.\n */\nexport function nextActivityColumn(nowMs: number): GridColDef {\n  return {\n    field: CRM_NEXT_ACTIVITY_FIELD,\n    headerName: 'Next activity',\n    flex: 0.8,\n    minWidth: 140,\n    type: 'date',\n    sortable: false,\n    filterable: false,\n    valueGetter: (_value: unknown, row: { nextTaskAtMs?: unknown }) => {\n      const at = readNextTaskAtMs(row)\n      return at === null ? null : new Date(at)\n    },\n    renderCell: ({ row }: { row: { nextTaskAtMs?: unknown } }) => {\n      const at = readNextTaskAtMs(row)\n      if (at === null) {\n        return (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {'—'}\n          </Typography>\n        )\n      }\n      return (\n        <Tooltip title={new Date(at).toLocaleString()}>\n          <span>\n            <TaskDueText task={{ status: 'open', dueAtMs: at }} nowMs={nowMs} variant=\"caption\" />\n          </span>\n        </Tooltip>\n      )\n    },\n  }\n}\n\n/**\n * \"No next activity\" as a filter of the grid's own panel (AGL-3313): the\n * Next activity column offers \"is empty\", which stores the clause\n * `isNoNextActivityClause` names, so a view saved with the old toggle on\n * reopens filtered the same way. Window-only: absence has no index, so it\n * narrows the loaded rows beside whatever the query serves.\n */\nexport const CRM_NEXT_ACTIVITY_FILTER_FIELD: ListFilterField = {\n  column: CRM_NEXT_ACTIVITY_FIELD,\n  kind: 'date',\n  path: CRM_NEXT_ACTIVITY_FIELD,\n  windowOnly: true,\n  operators: ['isEmpty'],\n}\n\n/** What the clause reads as on a chip. */\nexport const CRM_NEXT_ACTIVITY_FILTER_HEADER = 'Next activity'\n"],"names":["CRM_NEXT_ACTIVITY_FIELD","readNextTaskAtMs","Tooltip","Typography","TaskDueText","nextActivityColumn","nowMs","field","headerName","flex","minWidth","type","sortable","filterable","valueGetter","_value","row","at","Date","renderCell","variant","color","title","toLocaleString","span","task","status","dueAtMs","CRM_NEXT_ACTIVITY_FILTER_FIELD","column","kind","path","windowOnly","operators","CRM_NEXT_ACTIVITY_FILTER_HEADER"],"mappings":"AAAA;;;;;;;;;;;;;;;CAeC,GACD;;AAEA,SAASA,uBAAuB,EAAEC,gBAAgB,QAAQ,eAAc;AAExE,SAASC,OAAO,EAAEC,UAAU,QAAQ,gBAAe;AAEnD,SAASC,WAAW,QAAQ,kBAAc;AAE1C;;;;;;;;;;;;;CAaC,GACD,OAAO,SAASC,mBAAmBC,KAAa;IAC9C,OAAO;QACLC,OAAOP;QACPQ,YAAY;QACZC,MAAM;QACNC,UAAU;QACVC,MAAM;QACNC,UAAU;QACVC,YAAY;QACZC,aAAa,CAACC,QAAiBC;YAC7B,MAAMC,KAAKhB,iBAAiBe;YAC5B,OAAOC,OAAO,OAAO,OAAO,IAAIC,KAAKD;QACvC;QACAE,YAAY,CAAC,EAAEH,GAAG,EAAuC;YACvD,MAAMC,KAAKhB,iBAAiBe;YAC5B,IAAIC,OAAO,MAAM;gBACf,qBACE,KAACd;oBAAWiB,SAAQ;oBAAUC,OAAM;8BACjC;;YAGP;YACA,qBACE,KAACnB;gBAAQoB,OAAO,IAAIJ,KAAKD,IAAIM,cAAc;0BACzC,cAAA,KAACC;8BACC,cAAA,KAACpB;wBAAYqB,MAAM;4BAAEC,QAAQ;4BAAQC,SAASV;wBAAG;wBAAGX,OAAOA;wBAAOc,SAAQ;;;;QAIlF;IACF;AACF;AAEA;;;;;;CAMC,GACD,OAAO,MAAMQ,iCAAkD;IAC7DC,QAAQ7B;IACR8B,MAAM;IACNC,MAAM/B;IACNgC,YAAY;IACZC,WAAW;QAAC;KAAU;AACxB,EAAC;AAED,wCAAwC,GACxC,OAAO,MAAMC,kCAAkC,gBAAe"}