@servicetitan/anvil2 3.8.0 → 3.10.0

package/dist/RichTextEditor.css

@@ -125,8 +125,7 @@
   padding-block: var(--a2-size-half, 0.125rem);
   text-decoration: underline;
   text-decoration-line: underline;
-  -webkit-text-decoration-skip-ink: none;
-          text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
   text-decoration-style: solid;
   text-decoration-thickness: auto;
   text-underline-offset: auto;

package/dist/RichTextEditor.js

@@ -1,2 +1,2 @@
-export { R as RichTextEditor } from './RichTextEditor-byoMZaJy.js';
+export { R as RichTextEditor } from './RichTextEditor-CTIGe6xA.js';
 //# sourceMappingURL=RichTextEditor.js.map

package/dist/{SavedFiltersButton-BHgS4akL.js → SavedFiltersButton-CpnoAIrw.js}

@@ -2,19 +2,20 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
 import { S as SvgAdd } from './add-BcQkAUip.js';
 import { S as SvgEdit } from './edit-DQOiktcu.js';
-import { B as Button } from './Button-BNzCI47m.js';
-import { T as Text } from './Text-mDcQHC2U.js';
-import { F as Flex } from './Flex-Bb3iHExM.js';
-import { a as OptionsPopover } from './useAdaptiveView-AvsDkChF.js';
-import { O as OptionsPanel } from './syncFilterUtils-BVclVovw.js';
-import { u as useMenuInteraction } from './useMenuInteraction-NEJXUD4I.js';
-import { c as cloneFiltersWithItemRefs, u as updateSingleFilter, b as getAdapter, D as DateListDialog, e as FilterTriggerButton } from './filter-state-DKXF5MeW.js';
-import { D as Drawer } from './Drawer-DzvM9MRB.js';
-import { T as TextField } from './TextField-WQTlqKso.js';
-import { A as Alert } from './Alert-CPe0yh6A.js';
+import { B as Button } from './Button-Dwh_Nd4l.js';
+import { T as Text } from './Text-CIoD_RK4.js';
+import { F as Flex } from './Flex-CRF7gj0_.js';
+import { a as OptionsPopover } from './useAdaptiveView-DmhhcX-B.js';
+import { O as OptionsPanel } from './syncFilterUtils-YB6gRuuR.js';
+import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
+import { u as useMenuInteraction } from './useMenuInteraction-nNF1dsrp.js';
+import { c as cloneFiltersWithItemRefs, u as updateSingleFilter, b as getAdapter, D as DateListDialog, e as FilterTriggerButton } from './filter-state-BQOX7_rO.js';
+import { D as Drawer } from './Drawer-h2Mut1lB.js';
+import { T as TextField } from './TextField-D3sRS5q1.js';
+import { A as Alert } from './Alert-DtM7NDN9.js';
 import { D as Divider } from './Divider-C7fp5Xb6.js';
 import { DndSort } from './DndSort.js';
-import { u as useDrillDown, D as DrillDown } from './useDrilldown-PmrZ4BXn.js';
+import { u as useDrillDown, D as DrillDown } from './useDrilldown-UAm0-l1l.js';
 
 import './SavedFiltersButton.css';const footer = "_footer_1cnkf_7";
 const styles = {
@@ -22,6 +23,35 @@ const styles = {
 	footer: footer
 };
 
+const PARTS = {
+  // Common roles (shared values)
+  input: COMMON_PART.input,
+  cancelButton: COMMON_PART.cancelButton,
+  applyButton: COMMON_PART.applyButton,
+  // SavedFiltersButton-specific roles
+  /** Popover footer CTA that opens the Save Current Filter drawer. */
+  saveCurrentButton: "save-current-button",
+  /** Popover footer CTA that opens the Edit Saved Filters drawer. */
+  manageButton: "manage-button",
+  /** Save Current Filter drawer shell. */
+  addDrawer: "add-drawer",
+  /** Edit Saved Filters drawer shell. */
+  editDrawer: "edit-drawer",
+  /**
+   * Per-preset edit drilldown screen inside the Edit drawer (visible after
+   * clicking an edit-row-button).
+   */
+  drilldown: "drilldown",
+  /** Per-preset Edit affordance in the Edit drawer list (use with `data-id`). */
+  editRowButton: "edit-row-button",
+  /** Drilldown Delete Filter action. */
+  deleteButton: "delete-button",
+  /** Drilldown Update Filter action. */
+  updateButton: "update-button",
+  /** Edit drawer list-view Close action. */
+  closeButton: "close-button"
+};
+
 const AddSavedFilterDrawer = ({
   open,
   onClose,
@@ -63,40 +93,58 @@ const AddSavedFilterDrawer = ({
     if (submitting) return;
     onClose();
   };
-  return /* @__PURE__ */ jsxs(Drawer, { open, onClose: handleCancel, children: [
-    /* @__PURE__ */ jsx(Drawer.Header, { children: "Save Current Filter" }),
-    /* @__PURE__ */ jsx(Drawer.Content, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", grow: 1, children: /* @__PURE__ */ jsx(
-      TextField,
-      {
-        label: "Filter Name",
-        placeholder: "Name this filter",
-        value: name,
-        onChange: (e) => setName(e?.target.value ?? ""),
-        disabled: submitting,
-        required: true,
-        error: submitError ?? validationError,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" && canSubmit) {
-            e.preventDefault();
-            handleAdd();
+  return /* @__PURE__ */ jsxs(
+    Drawer,
+    {
+      open,
+      onClose: handleCancel,
+      ...{ [ANV_PART_ATTR]: PARTS.addDrawer },
+      children: [
+        /* @__PURE__ */ jsx(Drawer.Header, { children: "Save Current Filter" }),
+        /* @__PURE__ */ jsx(Drawer.Content, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", grow: 1, children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: "Filter Name",
+            placeholder: "Name this filter",
+            value: name,
+            onChange: (e) => setName(e?.target.value ?? ""),
+            disabled: submitting,
+            required: true,
+            error: submitError ?? validationError,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && canSubmit) {
+                e.preventDefault();
+                handleAdd();
+              }
+            },
+            ...{ [ANV_PART_ATTR]: PARTS.input }
           }
-        }
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "flex-end", gap: "3", grow: 1, children: [
-      /* @__PURE__ */ jsx(Button, { onClick: handleCancel, disabled: submitting, children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          appearance: "primary",
-          onClick: handleAdd,
-          disabled: !canSubmit,
-          loading: submitting,
-          children: "Add Saved Filter"
-        }
-      )
-    ] }) })
-  ] });
+        ) }) }),
+        /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "flex-end", gap: "3", grow: 1, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: handleCancel,
+              disabled: submitting,
+              ...{ [ANV_PART_ATTR]: PARTS.cancelButton },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "primary",
+              onClick: handleAdd,
+              disabled: !canSubmit,
+              loading: submitting,
+              ...{ [ANV_PART_ATTR]: PARTS.applyButton },
+              children: "Add Saved Filter"
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
 };
 
 const DEFAULT_ALERT_TEXT = {
@@ -298,142 +346,174 @@ const EditSavedFiltersDrawer = ({
   const dateListDialogInitialValue = dateListDialogSelected && dateListDialogSelected.id === dateListDialogState?.libraryId && dateListDialogSelected.value !== null ? dateListDialogSelected.value : void 0;
   const drilldownTitle = drilldownTarget?.name ?? "Edit Saved Filter";
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Drawer, { open, onClose, ...drillDownProps, children: [
-      /* @__PURE__ */ jsx(Drawer.Header, { children: "Edit Saved Filters" }),
-      /* @__PURE__ */ jsx(Drawer.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", grow: 1, children: [
-        listAlert && /* @__PURE__ */ jsx(Alert, { title: listAlert.title, status: listAlert.status }),
-        savedFilters.length === 0 ? /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "No saved filters to edit." }) : onReorder ? /* @__PURE__ */ jsx(DndSort, { onDrop: handleDrop, children: /* @__PURE__ */ jsx(
-          DndSort.Zone,
-          {
-            sortable: true,
-            id: "saved-filters-zone",
-            label: "Saved filters",
-            orientation: "vertical",
-            sortedIds,
-            gap: "2",
-            children: savedFilters.map((saved) => /* @__PURE__ */ jsx(
-              DndSort.Card,
+    /* @__PURE__ */ jsxs(
+      Drawer,
+      {
+        open,
+        onClose,
+        ...drillDownProps,
+        ...{ [ANV_PART_ATTR]: PARTS.editDrawer },
+        children: [
+          /* @__PURE__ */ jsx(Drawer.Header, { children: "Edit Saved Filters" }),
+          /* @__PURE__ */ jsx(Drawer.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", grow: 1, children: [
+            listAlert && /* @__PURE__ */ jsx(Alert, { title: listAlert.title, status: listAlert.status }),
+            savedFilters.length === 0 ? /* @__PURE__ */ jsx(Text, { subdued: true, size: "small", children: "No saved filters to edit." }) : onReorder ? /* @__PURE__ */ jsx(DndSort, { onDrop: handleDrop, children: /* @__PURE__ */ jsx(
+              DndSort.Zone,
               {
-                id: saved.id,
-                label: saved.name,
-                dragOnlyWithHandle: true,
-                children: /* @__PURE__ */ jsxs(
+                sortable: true,
+                id: "saved-filters-zone",
+                label: "Saved filters",
+                orientation: "vertical",
+                sortedIds,
+                gap: "2",
+                children: savedFilters.map((saved) => /* @__PURE__ */ jsx(
+                  DndSort.Card,
+                  {
+                    id: saved.id,
+                    label: saved.name,
+                    dragOnlyWithHandle: true,
+                    children: /* @__PURE__ */ jsxs(
+                      Flex,
+                      {
+                        alignItems: "center",
+                        justifyContent: "space-between",
+                        gap: "2",
+                        grow: 1,
+                        children: [
+                          /* @__PURE__ */ jsx(Text, { children: saved.name }),
+                          !saved.disableEdit && /* @__PURE__ */ jsx(
+                            Button,
+                            {
+                              appearance: "secondary",
+                              size: "small",
+                              icon: SvgEdit,
+                              "aria-label": `Edit ${saved.name}`,
+                              "data-id": saved.id,
+                              onClick: () => handleEdit(saved.id),
+                              ...{ [ANV_PART_ATTR]: PARTS.editRowButton }
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  },
+                  saved.id
+                ))
+              }
+            ) }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: savedFilters.map((saved) => /* @__PURE__ */ jsxs(
+              Flex,
+              {
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: "2",
+                children: [
+                  /* @__PURE__ */ jsx(Text, { children: saved.name }),
+                  !saved.disableEdit && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      appearance: "secondary",
+                      size: "small",
+                      icon: SvgEdit,
+                      "aria-label": `Edit ${saved.name}`,
+                      "data-id": saved.id,
+                      onClick: () => handleEdit(saved.id),
+                      ...{ [ANV_PART_ATTR]: PARTS.editRowButton }
+                    }
+                  )
+                ]
+              },
+              saved.id
+            )) })
+          ] }) }),
+          /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", grow: 1, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: onClose,
+              ...{ [ANV_PART_ATTR]: PARTS.closeButton },
+              children: "Close"
+            }
+          ) }) }),
+          /* @__PURE__ */ jsxs(
+            DrillDown,
+            {
+              index: EDIT_INDEX,
+              interactive: dateListDialogState === null,
+              ...{ [ANV_PART_ATTR]: PARTS.drilldown },
+              children: [
+                /* @__PURE__ */ jsx(DrillDown.Header, { children: drilldownTitle }),
+                /* @__PURE__ */ jsx(DrillDown.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", grow: 1, children: [
+                  drilldownAlert && /* @__PURE__ */ jsx(
+                    Alert,
+                    {
+                      title: drilldownAlert.title,
+                      status: drilldownAlert.status
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    TextField,
+                    {
+                      label: "Filter Name",
+                      placeholder: "Name this filter",
+                      value: drilldownName,
+                      onChange: (e) => setDrilldownName(e?.target.value ?? ""),
+                      disabled: submitting !== null,
+                      required: true,
+                      error: submitError ?? validationError,
+                      ...{ [ANV_PART_ATTR]: PARTS.input }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Divider, {}),
+                  drilldownForm
+                ] }) }),
+                /* @__PURE__ */ jsx(DrillDown.Footer, { children: /* @__PURE__ */ jsxs(
                   Flex,
                   {
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    gap: "2",
+                    justifyContent: drilldownTarget?.disableDelete ? "flex-end" : "space-between",
+                    gap: "3",
                     grow: 1,
                     children: [
-                      /* @__PURE__ */ jsx(Text, { children: saved.name }),
-                      !saved.disableEdit && /* @__PURE__ */ jsx(
+                      !drilldownTarget?.disableDelete && /* @__PURE__ */ jsx(
                         Button,
                         {
-                          appearance: "secondary",
-                          size: "small",
-                          icon: SvgEdit,
-                          "aria-label": `Edit ${saved.name}`,
-                          onClick: () => handleEdit(saved.id)
+                          appearance: "danger-secondary",
+                          onClick: handleDelete,
+                          loading: submitting === "delete",
+                          disabled: submitting !== null,
+                          ...{ [ANV_PART_ATTR]: PARTS.deleteButton },
+                          children: "Delete Filter"
                         }
-                      )
+                      ),
+                      /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            onClick: handleBackToList,
+                            disabled: submitting !== null,
+                            ...{ [ANV_PART_ATTR]: PARTS.cancelButton },
+                            children: "Cancel"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            appearance: "primary",
+                            onClick: handleUpdate,
+                            disabled: !canSubmit,
+                            loading: submitting === "update",
+                            ...{ [ANV_PART_ATTR]: PARTS.updateButton },
+                            children: "Update Filter"
+                          }
+                        )
+                      ] })
                     ]
                   }
-                )
-              },
-              saved.id
-            ))
-          }
-        ) }) : /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "2", children: savedFilters.map((saved) => /* @__PURE__ */ jsxs(
-          Flex,
-          {
-            alignItems: "center",
-            justifyContent: "space-between",
-            gap: "2",
-            children: [
-              /* @__PURE__ */ jsx(Text, { children: saved.name }),
-              !saved.disableEdit && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  appearance: "secondary",
-                  size: "small",
-                  icon: SvgEdit,
-                  "aria-label": `Edit ${saved.name}`,
-                  onClick: () => handleEdit(saved.id)
-                }
-              )
-            ]
-          },
-          saved.id
-        )) })
-      ] }) }),
-      /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Flex, { justifyContent: "flex-end", grow: 1, children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Close" }) }) }),
-      /* @__PURE__ */ jsxs(DrillDown, { index: EDIT_INDEX, children: [
-        /* @__PURE__ */ jsx(DrillDown.Header, { children: drilldownTitle }),
-        /* @__PURE__ */ jsx(DrillDown.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "4", grow: 1, children: [
-          drilldownAlert && /* @__PURE__ */ jsx(
-            Alert,
-            {
-              title: drilldownAlert.title,
-              status: drilldownAlert.status
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            TextField,
-            {
-              label: "Filter Name",
-              placeholder: "Name this filter",
-              value: drilldownName,
-              onChange: (e) => setDrilldownName(e?.target.value ?? ""),
-              disabled: submitting !== null,
-              required: true,
-              error: submitError ?? validationError
+                ) })
+              ]
             }
-          ),
-          /* @__PURE__ */ jsx(Divider, {}),
-          drilldownForm
-        ] }) }),
-        /* @__PURE__ */ jsx(DrillDown.Footer, { children: /* @__PURE__ */ jsxs(
-          Flex,
-          {
-            justifyContent: drilldownTarget?.disableDelete ? "flex-end" : "space-between",
-            gap: "3",
-            grow: 1,
-            children: [
-              !drilldownTarget?.disableDelete && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  appearance: "danger-secondary",
-                  onClick: handleDelete,
-                  loading: submitting === "delete",
-                  disabled: submitting !== null,
-                  children: "Delete Filter"
-                }
-              ),
-              /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    onClick: handleBackToList,
-                    disabled: submitting !== null,
-                    children: "Cancel"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    appearance: "primary",
-                    onClick: handleUpdate,
-                    disabled: !canSubmit,
-                    loading: submitting === "update",
-                    children: "Update Filter"
-                  }
-                )
-              ] })
-            ]
-          }
-        ) })
-      ] })
-    ] }),
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ jsx(
       DateListDialog,
       {
@@ -455,6 +535,9 @@ const EditSavedFiltersDrawer = ({
 };
 
 const SavedFiltersButton = (props) => {
+  const dataAttributes = Object.fromEntries(
+    Object.entries(props).filter(([key]) => key.startsWith("data-"))
+  );
   const {
     savedFilters,
     currentFilters,
@@ -555,6 +638,7 @@ const SavedFiltersButton = (props) => {
             icon: { before: SvgAdd },
             style: { width: "100%" },
             onClick: handleSaveCurrentClick,
+            ...{ [ANV_PART_ATTR]: PARTS.saveCurrentButton },
             children: "Save Current Filter"
           }
         ),
@@ -567,6 +651,7 @@ const SavedFiltersButton = (props) => {
             style: { width: "100%" },
             onClick: handleEditClick,
             disabled: savedFilters.length === 0,
+            ...{ [ANV_PART_ATTR]: PARTS.manageButton },
             children: "Edit Saved Filters"
           }
         )
@@ -578,6 +663,7 @@ const SavedFiltersButton = (props) => {
       FilterTriggerButton,
       {
         ...triggerProps,
+        ...dataAttributes,
         filterId: "saved-filters",
         label,
         isSelected: !!(activeSavedFilterId ?? false)
@@ -648,4 +734,4 @@ const SavedFiltersButton = (props) => {
 SavedFiltersButton.displayName = "SavedFiltersButton";
 
 export { SavedFiltersButton as S };
-//# sourceMappingURL=SavedFiltersButton-BHgS4akL.js.map
+//# sourceMappingURL=SavedFiltersButton-CpnoAIrw.js.map