@servicetitan/anvil2 2.8.0 → 2.9.0

package/dist/beta/components/Table/formatters/htmlToMarkdown.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Converts an HTML string to the markdown subset supported by markdownFormatter.
+ *
+ * Supported tags: strong, b, em, i, code, mark, ul, ol, li, br, p.
+ * Unsupported tags and their content are dropped entirely.
+ * HTML entities are decoded to plain text.
+ *
+ * @param value - The HTML string to convert
+ * @returns The equivalent markdown string, or empty string for null/undefined/empty input
+ */
+export declare function htmlToMarkdown(value?: string | null): string;

package/dist/beta/components/Table/formatters/index.d.ts

@@ -3,6 +3,8 @@ export * from './chipsFormatter';
 export * from './currencyFormatter';
 export * from './dateFormatter';
 export * from './dateTimeFormatter';
+export * from './htmlFormatter';
+export * from './markdownFormatter';
 export * from './numberFormatter';
 export * from './percentFormatter';
 export * from './presets';

package/dist/beta/components/Table/formatters/markdownFormatter.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+/**
+ * Formats a string value as markdown content for DataTable cells.
+ *
+ * Supports inline constructs (bold, italic, bold+italic, inline code, highlight)
+ * and block-level flat lists (unordered with `- `, ordered with `N. `).
+ *
+ * @param value - The markdown string to format
+ * @returns Formatted React nodes, or null for empty/null/undefined values
+ */
+export declare const markdownFormatter: (value?: string | null) => ReactNode;

package/dist/beta/components/Table/types.d.ts

@@ -10,7 +10,7 @@ import { MultiSelectMenuProps } from '../MultiSelectMenu/types';
  * Column type literals for display configuration.
  * Each type maps to a default formatter and alignment.
  */
-export type ColumnType = "text" | "number" | "currency" | "percent" | "date" | "dateTime" | "time" | "boolean";
+export type ColumnType = "text" | "number" | "currency" | "percent" | "date" | "dateTime" | "time" | "boolean" | "markdown" | "html";
 /**
  * Maps column types to their formatter options.
  * Used for type-safe formatter configuration.
@@ -24,6 +24,8 @@ export type ColumnTypeOptionsMap = {
     dateTime: DateTimeFormatterOptions;
     time: TimeFormatterOptions;
     boolean: BooleanFormatterOptions;
+    markdown: undefined;
+    html: undefined;
 };
 /**
  * Column type configuration.
@@ -470,18 +472,18 @@ export type TableRow<T> = T & {
  *
  * const columns = [
  *   // Display-only column with type defaults
- *   createColumn("amount", { headerLabel: "Amount", type: "currency" }),
+ *   createColumn("amount", { header: { label: "Amount" }, type: "currency" }),
  *
  *   // Editable column with editConfig
  *   createColumn("name", {
- *     headerLabel: "Name",
+ *     header: { label: "Name" },
  *     type: "text",
  *     editConfig: { mode: "text", onChange: (value, rowId) => save(value, rowId) }
  *   }),
  *
  *   // Multiselect editing
  *   createColumn("tags", {
- *     headerLabel: "Tags",
+ *     header: { label: "Tags" },
  *     editConfig: {
  *       mode: "multiselect",
  *       options: [{ value: "urgent", label: "Urgent" }],
@@ -491,15 +493,46 @@ export type TableRow<T> = T & {
  * ];
  * ```
  */
-export type ColumnDef<T> = {
+export type ColumnHeader = {
     /**
-     * The id of the column - must be a key of T
+     * The visible header label text.
      */
-    id: keyof T;
+    label: string;
+    /**
+     * Whether the header should show a required indicator.
+     */
+    required?: boolean;
+    /**
+     * Additional contextual content rendered from a keyboard-accessible more-info trigger.
+     */
+    moreInfo?: ReactNode;
+};
+export type ColumnHeaderConfig = {
+    /**
+     * The forward-looking header configuration.
+     */
+    header: ColumnHeader;
     /**
-     * The label of the header
+     * Legacy header label support during the transition to `header`.
+     * @deprecated Use `header.label` instead.
+     */
+    headerLabel?: string;
+} | {
+    /**
+     * The forward-looking header configuration.
+     */
+    header?: ColumnHeader;
+    /**
+     * Legacy header label support during the transition to `header`.
+     * @deprecated Use `header.label` instead.
      */
     headerLabel: string;
+};
+export type ColumnDef<T> = ColumnHeaderConfig & {
+    /**
+     * The id of the column - must be a key of T
+     */
+    id: keyof T;
     /**
      * The alignment of the header and cell content.
      * When using `type`, this is set automatically but can be overridden.

package/dist/beta.js

@@ -1,11 +1,11 @@
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, h as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, i as timeFormatter, y as yearlessDateFormatter } from './DataTable-DK9xRjnq.js';
-export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-CWRk523l.js';
-export { u as useCalendarBetaProps } from './Calendar-Bd_WELZC.js';
-export { C as Calendar } from './Calendar-d2owsYe9.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DGK8F2G9.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-Ei7DXzvs.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CuZp9mnt.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-B_mXpTEe.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-BCV_mtSy.js';
+export { T as Toolbar, a as ToolbarButton, c as ToolbarButtonLink, b as ToolbarButtonToggle, e as ToolbarControlGroup, g as ToolbarElement, f as ToolbarSearchField, d as ToolbarSelect } from './Toolbar-ByyI7SqG.js';
+export { u as useCalendarBetaProps } from './Calendar-Dxl9QnfP.js';
+export { C as Calendar } from './Calendar-Cka4unyi.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-o1Cp9UYC.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ChZCW4M9.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DXrwecFt.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-7C1wW4oO.js';
 export { I as InteractiveCard } from './InteractiveCard-GTYbR6Xy.js';
-export { u as useAdaptiveView } from './syncFilterUtils-CsbCnI1-.js';
+export { u as useAdaptiveView } from './syncFilterUtils-UR5Vgqkh.js';
 //# sourceMappingURL=beta.js.map

package/dist/components/DrillDown/internal/DrillDownContext.d.ts

@@ -8,5 +8,9 @@ export type DrillDownContextProps = {
     setRegisteredIndices?: Dispatch<SetStateAction<number[] | undefined>>;
     onClose?: (() => void)[];
     setOnClose?: (fn: () => void, index: number) => void;
+    hostIsInteractive?: boolean;
+    setHostTrigger?: (element: HTMLElement | null) => void;
+    onHostClose?: () => void;
+    onHostClosed?: () => void;
 };
 export declare const DrillDownContext: import('react').Context<DrillDownContextProps | null>;

package/dist/components/DrillDown/internal/useDrillDownContextState.d.ts

@@ -10,5 +10,9 @@ export declare function useDrillDownContextState({ defaultDrillDownIndex, }: use
     setRegisteredIndices: import('react').Dispatch<import('react').SetStateAction<number[] | undefined>>;
     onClose: (() => void)[];
     setOnClose: (fn: () => void, index: number) => void;
+    hostIsInteractive: boolean;
+    setHostTrigger: (element: HTMLElement | null) => void;
+    onHostClose: () => void;
+    onHostClosed: () => void;
 };
 export {};

package/dist/index.js

@@ -1,73 +1,72 @@
-import './anvil-fonts.css';import './index2.css';/* empty css                     */
-export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-5qhkSUN3.js';
-import { P as Popover } from './AiMark-Cwc9KoyE.js';
-export { A as AiMark } from './AiMark-Cwc9KoyE.js';
-export { A as Announcement } from './Announcement-fQmFNysn.js';
+import './index2.css';export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
+export { A as Alert } from './Alert-Dj61Bq8h.js';
+import { P as Popover } from './AiMark-DR-w6Nbm.js';
+export { A as AiMark } from './AiMark-DR-w6Nbm.js';
+export { A as Announcement } from './Announcement-B9zm-_1S.js';
 export { A as Avatar } from './Avatar-ChybzixS.js';
 export { A as AvatarGroup } from './Avatar-BckUfs1N.js';
 export { B as Badge } from './Badge-C2W7Dls9.js';
-export { B as Breadcrumbs } from './Breadcrumbs-BXo2FO2n.js';
-import { B as Button } from './Button-a_D7tUgM.js';
+export { B as Breadcrumbs } from './Breadcrumbs-ojgYVZwe.js';
+import { B as Button } from './Button-BdrrhBTI.js';
 export { B as ButtonCompound } from './ButtonCompound-Cmw3cgMY.js';
 import { B as ButtonLink } from './ButtonLink-BJKTJER8.js';
-import { B as ButtonToggle } from './ButtonToggle-CmY77gUp.js';
-export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-Bd_WELZC.js';
+import { B as ButtonToggle } from './ButtonToggle-DaFQ3DBG.js';
+export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-Dxl9QnfP.js';
 export { C as Card } from './Card-wz71dEVA.js';
-export { C as Checkbox } from './Checkbox-DbaZrUE2.js';
-export { C as Chip } from './Chip-BnofwIUN.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-BOxAzG9v.js';
+export { C as Checkbox } from './Checkbox-Cw1-KFvq.js';
+export { C as Chip } from './Chip-Ce0WGKAc.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect } from './Combobox-CNQUROyr.js';
 export { u as useInfiniteCombobox } from './useInfiniteCombobox-WcRgC9p6.js';
-export { D as DateFieldRange } from './DateFieldRange-5Jrz6dLl.js';
-export { D as DateFieldSingle } from './DateFieldSingle-DWFr6Ew4.js';
-export { D as DateFieldYearless } from './DateFieldYearless-UU22A5-E.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BoPLxm6t.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-4cfTmjzm.js';
+export { D as DateFieldRange } from './DateFieldRange-D2hnF50O.js';
+export { D as DateFieldSingle } from './DateFieldSingle-BuaB7RDr.js';
+export { D as DateFieldYearless } from './DateFieldYearless-DLeMEutt.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-BfPuYKKC.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-BW1T8sTU.js';
 export { D as Details } from './Details-CZOIpNP_.js';
-export { D as Dialog } from './Dialog-Dn836WQM.js';
+export { D as Dialog } from './Dialog-Cewu2pd_.js';
 export { D as Divider } from './Divider-B1UoK8ho.js';
 export { D as Dnd } from './index-D6ag_WQW.js';
-export { D as Drawer } from './Drawer-CdDWt_Ba.js';
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-C7eMBl68.js';
-export { E as EditCard } from './EditCard-CZibhEfS.js';
-export { F as FieldLabel } from './FieldLabel-Dr41PRxH.js';
+export { D as Drawer } from './Drawer-Cb5asXWf.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-D6VZNSCX.js';
+export { E as EditCard } from './EditCard-DlJE3LXN.js';
+export { F as FieldLabel } from './FieldLabel-HO2VP-4B.js';
 export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 export { F as FieldMessage } from './FieldMessage-COHqUdj5.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
 export { G as Grid } from './Grid-DeYIx5k4.js';
 import { I as Icon } from './Icon-DuIlne4x.js';
-export { I as InputMask } from './InputMask-CcXqzqdx.js';
+export { I as InputMask } from './InputMask-CLLTehFI.js';
 export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-CISAxILX.js';
 export { L as Link, u as useLinkStyles } from './Link-jTvzyXca.js';
 export { L as LinkButton } from './LinkButton-DGyHR1E7.js';
 export { L as List } from './List--KhCpjZn.js';
-import { L as Listbox } from './Listbox-CgDwzRfz.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-D9cZUVer.js';
-export { M as Menu } from './Menu-CPbuIsqC.js';
-export { N as NumberField } from './NumberField-C5t47Obp.js';
+import { L as Listbox } from './Listbox-Bp4hqIpH.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-CPi-qG2w.js';
+export { M as Menu } from './Menu-CCavGohP.js';
+export { N as NumberField } from './NumberField-CZSTHBeO.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-2hbQxUj6.js';
-export { P as Pagination } from './Pagination-CjGmJ_rU.js';
-export { P as Popover } from './Popover-CpU9VAcb.js';
-export { P as ProgressBar } from './ProgressBar-FMuK8viJ.js';
-export { R as Radio } from './Radio-DmtVWAmN.js';
+export { P as Page } from './Page-BHdvTlfE.js';
+export { P as Pagination } from './Pagination-DecGSuW4.js';
+export { P as Popover } from './Popover-BbqTZw-1.js';
+export { P as ProgressBar } from './ProgressBar-CZcxkdX6.js';
+export { R as Radio } from './Radio-BFr8AdHc.js';
 export { S as SearchField } from './SearchField-im7AHGYo.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-B9NWUF7s.js';
-export { S as SelectCard } from './SelectCard-8OmIDl1m.js';
-export { S as SelectTrigger } from './SelectTrigger-KF8w6Ynk.js';
+export { S as SelectCard } from './SelectCard-DVcWJRbX.js';
+export { S as SelectTrigger } from './SelectTrigger-DhKYzEAr.js';
 export { S as SideNav } from './SideNav-CrxYExjh.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-BqmcE2pb.js';
 export { S as SrOnly } from './SrOnly-eUpYGpAT.js';
-export { S as Stepper } from './Stepper-_27Lmm2K.js';
-export { S as Switch } from './Switch-DPGz7wC_.js';
+export { S as Stepper } from './Stepper-Dt2xAXth.js';
+export { S as Switch } from './Switch-C84MBChG.js';
 export { T as Tab } from './Tab-BZpTCG0i.js';
-export { T as Text } from './Text-MVxRo6yx.js';
-export { T as Textarea } from './Textarea-1u2fSMTh.js';
-export { T as TextField } from './TextField-D93iv_pk.js';
-export { T as TimeField } from './TimeField-B4gLlBQJ.js';
-export { T as Toaster } from './Toaster-DbWYnF_t.js';
-export { t as toast } from './Toaster-CSJfSOHx.js';
+export { T as Text } from './Text-WiS8UZkY.js';
+export { T as Textarea } from './Textarea-CCYLsJ1x.js';
+export { T as TextField } from './TextField-OznkTx4e.js';
+export { T as TimeField } from './TimeField-BPvPbD8H.js';
+export { T as Toaster } from './Toaster-CIaIvwH6.js';
+export { t as toast } from './Toaster-DYJm06Vb.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useContext, useId, useRef, useCallback, useEffect, forwardRef, useState, useMemo } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
@@ -80,7 +79,7 @@ export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js'
 export { u as usePrefersReducedMotion } from './usePrefersReducedMotion-DR9B_D6w.js';
 export { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 import { useTrackingId } from './useTrackingId.js';
-export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-ClfmLl_6.js';
+export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-DUPYyMc7.js';
 export { L as LocalizationProvider } from './LocalizationProvider-DWCyga_d.js';
 export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR.js';
 export { P as PortalProvider, a as PortalProviderContext } from './PortalProvider-Cj_y3gbC.js';