@servicetitan/anvil2 1.40.3 → 1.41.0

package/dist/components/DateFieldSingle/index.d.ts

@@ -1,2 +1 @@
-export { DateFieldSingle } from './DateFieldSingle';
-export type { DateFieldSingleProps } from './DateFieldSingle';
+export * from './DateFieldSingle';

package/dist/components/DateFieldYearless/DateFieldYearless.d.ts

@@ -0,0 +1,62 @@
+import { DateFieldYearlessProps as CoreDateFieldYearlessProps, DateFieldYearlessChange as CoreDateFieldYearlessChange, DateFieldYearlessChangeHandler as CoreDateFieldYearlessChangeHandler, YearlessDate as CoreYearlessDate, YearlessDateMode as CoreYearlessDateMode } from '@servicetitan/hammer-react';
+import { DataTrackingId } from '../../types/DataTrackingId';
+/**
+ * Props for the DateFieldYearless component
+ * @property {YearlessDate | null} [value] - The controlled value of the date field
+ * @property {YearlessDate | null} [defaultValue] - The default value for uncontrolled usage
+ * @property {DateFieldYearlessChangeHandler} [onChange] - Callback function when the date value changes
+ * @property {YearlessDateMode} [mode] - The date format mode (mm/dd or dd/mm)
+ * @property {boolean} [disableHint] - Whether to disable the hint text
+ * @property {boolean} [required] - Whether the field is required
+ * @property {YearlessDate | null} [minDate] - The minimum allowed date
+ * @property {YearlessDate | null} [maxDate] - The maximum allowed date
+ * @property {Object} [unavailable] - Configuration for unavailable dates
+ * @property {YearlessDate[]} [unavailable.dates] - Array of dates that are not selectable
+ * @extends CoreDateFieldYearlessProps
+ * @extends DataTrackingId
+ */
+export type DateFieldYearlessProps = CoreDateFieldYearlessProps & DataTrackingId;
+/**
+ * Represents a change event for the DateFieldYearless component
+ * @property {YearlessDate | null} value - The current date value
+ * @property {boolean} isInputValid - Whether the input is valid
+ * @property {boolean} isInputEmpty - Whether the input is empty
+ * @property {boolean} isValid - Whether the overall value is valid
+ */
+export type DateFieldYearlessChange = CoreDateFieldYearlessChange;
+/**
+ * Handler function for DateFieldYearless change events
+ * @param change - The change event object
+ */
+export type DateFieldYearlessChangeHandler = CoreDateFieldYearlessChangeHandler;
+/**
+ * Represents a date without a year component
+ * @property {number | null} day - The day of the month (1-31)
+ * @property {number | null} month - The month of the year (1-12)
+ */
+export type YearlessDate = CoreYearlessDate;
+/**
+ * The format mode for yearless date input
+ * @typedef {"mm/dd" | "dd/mm"} YearlessDateMode
+ */
+export type YearlessDateMode = CoreYearlessDateMode;
+/**
+ * DateFieldYearless component for inputting dates without year information.
+ *
+ * Features:
+ * - Supports both controlled and uncontrolled usage
+ * - Supports different date formats (mm/dd or dd/mm)
+ * - Supports layout utilities for positioning and spacing
+ *
+ * @example
+ * <DateFieldYearless
+ *   label="Birthday"
+ *   mode="mm/dd"
+ *   required
+ *   onChange={(change) => console.log('Date changed:', change.value)}
+ * />
+ */
+export declare const DateFieldYearless: {
+    (props: DateFieldYearlessProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/DateFieldYearless/index.d.ts

@@ -0,0 +1 @@
+export * from './DateFieldYearless';

package/dist/components/Dialog/Dialog.d.ts

@@ -130,7 +130,7 @@ export declare const DialogCancelButton: import('react').ForwardRefExoticCompone
  *   </Dialog.Footer>
  * </Dialog>
  */
-export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & import('@servicetitan/hammer-react/dist/hooks/useDialogTransitionStates').DialogTransitionStateEffects & import('@servicetitan/hammer-react').DisableCloseOnEscapeOrClickProps & {
+export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & import('@servicetitan/hammer-react/dist/hooks/useOpenCloseTransitionStates').OpenCloseTransitionStateEffects & import('@servicetitan/hammer-react').DisableCloseOnEscapeOrClickProps & {
     fullScreen?: boolean;
     size?: Extract<import('@servicetitan/hammer-react').Size, "medium" | "large">;
     open?: boolean;

package/dist/components/Drawer/Drawer.d.ts

@@ -140,7 +140,7 @@ export declare const DrawerContent: import('react').ForwardRefExoticComponent<Om
  *   </Drawer.Footer>
  * </Drawer>
  */
-export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & import('@servicetitan/hammer-react/dist/hooks/useDialogTransitionStates').DialogTransitionStateEffects & import('@servicetitan/hammer-react').DisableCloseOnEscapeOrClickProps & {
+export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & import('@servicetitan/hammer-react/dist/hooks/useOpenCloseTransitionStates').OpenCloseTransitionStateEffects & import('@servicetitan/hammer-react').DisableCloseOnEscapeOrClickProps & {
     size?: Extract<import('@servicetitan/hammer-react').Size, "medium" | "large">;
     open?: boolean;
     onClose?: () => void;

package/dist/components/FieldLabel/FieldLabel.d.ts

@@ -0,0 +1,8 @@
+import { LabelProps as CoreFieldLabelProps } from '@servicetitan/hammer-react';
+export type FieldLabelProps = CoreFieldLabelProps;
+export declare const FieldLabel: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "id"> & {
+    id?: string;
+    required?: boolean;
+    moreInfo?: import('react').ReactNode;
+    openMoreInfo?: import('@servicetitan/hammer-react').TooltipProps["open"];
+} & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/components/FieldLabel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FieldLabel';
+export { FieldLabel as default } from './FieldLabel';

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './Combobox';
 export * from './DateField';
 export * from './DateFieldRange';
 export * from './DateFieldSingle';
+export * from './DateFieldYearless';
 export * from './DaysOfTheWeek';
 export * from './Details';
 export * from './Dialog';
@@ -23,6 +24,7 @@ export * from './Dnd';
 export * from './DndSort';
 export * from './Drawer';
 export * from './EditCard';
+export * from './FieldLabel';
 export * from './FieldMessage';
 export * from './Flex';
 export * from './Grid';

package/dist/index.js

@@ -7,41 +7,43 @@ export { B as Button } from './Button-DMQKV2sV.js';
 export { B as ButtonCompound } from './ButtonCompound-DGuF0zzT.js';
 export { B as ButtonLink } from './ButtonLink-B0NJuVk5.js';
 export { B as ButtonToggle } from './ButtonToggle-CKVyEODc.js';
-export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton } from './Calendar-2q8zRbMK.js';
+export { C as Calendar, b as CalendarMonth, e as CalendarMonthButton, c as CalendarNext, a as CalendarNow, d as CalendarPrev, f as CalendarYearButton } from './Calendar-MIwfKzm7.js';
 export { C as Card } from './Card-U2IJPk8B.js';
-export { C as Checkbox, a as CheckboxGroup } from './Checkbox-cfgZP7Z2.js';
+export { C as Checkbox, a as CheckboxGroup } from './Checkbox-IPM-sdvR.js';
 export { C as Chip } from './Chip-BlLavyIK.js';
-export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, g as ComboboxItem, h as ComboboxItemAddNew, f as ComboboxList, d as ComboboxSearchField, b as ComboboxSelect, e as ComboboxSelectTrigger, u as useInfiniteCombobox } from './Combobox-3l2SK47T.js';
-export { D as DateField } from './DateField-BQFAvS78.js';
-export { D as DateFieldRange } from './DateFieldRange-CGA5ZTRa.js';
-export { D as DateFieldSingle } from './DateFieldSingle-eP5l_TrQ.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-Dl31wkmU.js';
+export { C as Combobox, c as ComboboxContent, a as ComboboxElement, i as ComboboxEmpty, g as ComboboxItem, h as ComboboxItemAddNew, f as ComboboxList, d as ComboboxSearchField, b as ComboboxSelect, e as ComboboxSelectTrigger, u as useInfiniteCombobox } from './Combobox-CM8DmNMs.js';
+export { D as DateField } from './DateField-BDJEsVc1.js';
+export { D as DateFieldRange } from './DateFieldRange-BTq6MrNu.js';
+export { D as DateFieldSingle } from './DateFieldSingle-CaeOLrI4.js';
+export { D as DateFieldYearless } from './DateFieldYearless-CbFo3oyZ.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-8zaAuw55.js';
 export { D as Details, b as DetailsContent, a as DetailsSummary } from './Details-DVg0EOkv.js';
-export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-CJZEBa5r.js';
+export { D as Dialog, d as DialogCancelButton, c as DialogContent, b as DialogFooter, a as DialogHeader } from './Dialog-DnZE02ob.js';
 export { D as Divider } from './Divider-CN36wX4s.js';
 export { D as Dnd } from './index-CKfiQx8n-4nziUo7G.js';
 export { D as DndSort, a as DndSortCard, b as DndSortZone } from './DndSort-Cl0FCNQm.js';
-export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-Cj3nJc4k.js';
+export { D as Drawer, a as DrawerCancelButton, d as DrawerContent, b as DrawerFooter, c as DrawerHeader } from './Drawer-5kgL0gY9.js';
 export { E as EditCard } from './EditCard-C0hD1VPA.js';
+export { F as FieldLabel } from './FieldLabel-D5rNXy6h.js';
 export { F as FieldMessage } from './FieldMessage-DkJ0K5s-.js';
 export { F as Flex } from './Flex-Ln6PmaDl.js';
 export { G as Grid } from './Grid-CMcDeSYT.js';
 export { I as Icon } from './Icon-BgKqBmlj.js';
-export { I as InputMask } from './InputMask-BdLGTTAk.js';
+export { I as InputMask } from './InputMask-B6kMdXCB.js';
 export { L as Layout, a as LayoutElement, b as LayoutItem } from './Layout-CUUb2PVr.js';
 export { L as Link } from './Link-DZa0wmkA.js';
 export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup } from './Listbox-dVARiucB.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-_YFTewqc.js';
-export { M as Menu, a as MenuItem } from './Menu-1EwVMNIw.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-cMMBtp1O.js';
+export { M as Menu, a as MenuItem } from './Menu-Dk3ESnzI.js';
 export { O as Overflow, a as OverflowText } from './Overflow-w-3_04fS.js';
-export { P as Page } from './Page-BikjTlTM.js';
-export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-rB4BVx-A.js';
-export { P as ProgressBar } from './ProgressBar-BL34rg_J.js';
-export { R as Radio, a as RadioGroup } from './Radio-BzZUxQa6.js';
+export { P as Page } from './Page-DWeD3rrr.js';
+export { P as Popover, d as PopoverButton, c as PopoverClose, b as PopoverContent, a as PopoverTrigger } from './Popover-2O1Q-34V.js';
+export { P as ProgressBar } from './ProgressBar-CfstmN5D.js';
+export { R as Radio, a as RadioGroup } from './Radio-P6dkI3W0.js';
 export { S as SearchField } from './SearchField-BGPqpnVd.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-DKMQuf7s.js';
-export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-D6GuJJB2.js';
-export { S as SelectTrigger } from './SelectTrigger-Bo2VPAD0.js';
+export { S as SelectCard, b as SelectCardElement, a as SelectCardGroup } from './SelectCardGroup-DIaWX2Vp.js';
+export { S as SelectTrigger } from './SelectTrigger-DKh0Bzy6.js';
 export { S as SideNav, a as SideNavCollapsible, b as SideNavGroup, c as SideNavLink } from './SideNav-DEoGpeqJ.js';
 export { S as Skeleton, a as SkeletonCircle, b as SkeletonPill, c as SkeletonRectangle, d as SkeletonText } from './Skeleton-COxTdwjO.js';
 export { S as Spinner } from './Spinner-C1r3COiQ.js';
@@ -50,11 +52,11 @@ export { S as Stepper, d as StepperFinalPanel, a as StepperList, e as StepperNex
 export { S as Switch } from './Switch-DAQFzi-X.js';
 export { T as Tab, a as TabButton, b as TabList, c as TabPanel } from './Tab-BSC7e4rM.js';
 export { T as Text } from './Text-B91g6xKn.js';
-export { T as Textarea } from './Textarea-D6K3Jc5_.js';
-export { T as TextField } from './TextField-COXABNrR.js';
-export { T as Toaster, t as toast } from './toast-CJSBieY0.js';
-export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-CLsgDAKk.js';
-export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-B_swJyoW.js';
+export { T as Textarea } from './Textarea-B0nZ9vOV.js';
+export { T as TextField } from './TextField--tytNBLh.js';
+export { T as Toaster, t as toast } from './toast-uADTqqrS.js';
+export { T as Toolbar, b as ToolbarButton, d as ToolbarButtonLink, c as ToolbarButtonToggle, a as ToolbarElement, e as ToolbarSelect } from './Toolbar-BM78DEEM.js';
+export { T as Tooltip, b as TooltipContent, a as TooltipTrigger } from './Tooltip-ZFFXA77Y.js';
 export { u as useAccessibleColor } from './useAccessibleColor-Dc6B_M-Z-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-7QkBkSeP-Cv5fnZxs.js';
 export { u as useLinkStyles } from './Link-Dqp_XXl_-Bv20l_tY.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{toast-CJSBieY0.js → toast-uADTqqrS.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useState, useEffect } from 'react';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { h as Toaster$1, t as toast$1 } from './ProgressBar-CzXzPpIX-Clg1J71o.js';
+import { h as Toaster$1, t as toast$1 } from './ProgressBar-BezETeA3-CeeedJ_w.js';
 
 const SHADOW_HOST_DATA_ATTRS = "[data-mfe-portal-name], [data-mfe-name]";
 const Toaster = forwardRef(
@@ -93,4 +93,4 @@ Toaster.displayName = Toaster$1.displayName;
 const toast = toast$1;
 
 export { Toaster as T, toast as t };
-//# sourceMappingURL=toast-CJSBieY0.js.map
+//# sourceMappingURL=toast-uADTqqrS.js.map

package/dist/{toast-CJSBieY0.js.map → toast-uADTqqrS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"toast-CJSBieY0.js","sources":["../src/components/Toast/Toaster.tsx","../src/components/Toast/toast.ts"],"sourcesContent":["import {\n  ToasterProps as HammerToasterProps,\n  Toaster as HammerToaster,\n  useMergeRefs,\n  ToastEventType,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef, useEffect, useRef, useState } from \"react\";\n\nconst SHADOW_HOST_DATA_ATTRS = \"[data-mfe-portal-name], [data-mfe-name]\";\n\n/**\n * Props for the Toaster component\n * @property {number | false} [duration] - Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close\n * @property {string} id - Unique toaster id\n * @property {(toastEvent: ToastEventType) => void} [onToastEvent] - Callback function that is called when toasts are added, updated, or dismissed\n * @property {number | false} [duration] - Duration of the toast in milliseconds. If set to false, the toast will not auto-dismiss\n * @property {string} [focusKey] - How a screen-reader will announce the hotkey used to set focus on the first toast\n * @property {number} [toastsBeforeStack] - How many toasts to display before they start stacking\n * @extends Omit<HammerToasterProps, \"disableEvents\" | \"duration\">\n */\nexport type ToasterProps = Omit<\n  HammerToasterProps,\n  \"disableEvents\" | \"duration\"\n> & {\n  /**\n   * Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close.\n   * @deprecated The monolith toaster controls the duration of toasts. This prop should not be used in other cases.\n   * @default false\n   */\n  duration?: number | false;\n};\n\n/**\n * Toaster component for managing and displaying toast notifications with anvil2-specific features.\n *\n * Features:\n * - Manages multiple toast notifications in a stack\n * - Handles toast positioning and stacking behavior\n * - Supports custom events for toast management\n * - Automatic toast dismissal with configurable duration\n * - Keyboard navigation and accessibility support\n * - Dialog-aware positioning for modal contexts\n * - Session storage for dialog toaster state\n * - Custom event system for toast lifecycle management\n * - Responsive design with mobile support\n * - Automatic tracking ID generation for analytics\n * - Monolith toaster integration and coordination\n * - Shadow DOM support for micro-frontend environments\n * - A1 toast group compatibility and positioning\n *\n * @example\n * <Toaster\n *   id=\"main-toaster\"\n *   duration={5000}\n *   toastsBeforeStack={3}\n *   onToastEvent={(event) => console.log('Toast event:', event)}\n * />\n *\n * @example\n * <Toaster\n *   id=\"dialog-toaster\"\n *   disableEvents={false}\n *   focusKey=\"t\"\n * />\n */\nexport const Toaster = forwardRef(\n  (\n    { onToastEvent, ...props }: HammerToasterProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const { id } = props;\n\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const mergedToasterRef = useMergeRefs([toasterRef, ref]);\n\n    const [shouldDisableEvents, setShouldDisableEvents] =\n      useState<boolean>(false);\n\n    useEffect(() => {\n      const toasters = document.querySelectorAll(\"[data-anv='toaster']\");\n      const shadowToasters =\n        (\n          toasterRef.current?.getRootNode() as Document | ShadowRoot\n        )?.querySelectorAll(\"[data-anv='toaster']\") || [];\n\n      // Toaster(s) exist in the document, bail out if this toaster is not the first one\n      if (\n        toasters.length &&\n        id !== toasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      } else if (\n        // Toaster(s) exist in the shadow dom, bail out if this toaster is not the first one\n        shadowToasters.length &&\n        id !== shadowToasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      }\n    }, [id]);\n\n    const a1ToastGroupObserver = useRef<MutationObserver | null>(null);\n    const a1ToastGroupObserverConnected = useRef<boolean>(false);\n    const [a1ToastGroups, setA1ToastGroups] = useState<Element[]>([]);\n    const [toastCount, setToastCount] = useState<number>(0);\n\n    const handleToastEvent = (event: ToastEventType) => {\n      const { toastCount: newToastCount } = event;\n      setToastCount(newToastCount);\n      onToastEvent?.(event);\n    };\n\n    const updateA1ToastGroups = () => {\n      const mfeRoots = document.querySelectorAll(SHADOW_HOST_DATA_ATTRS);\n      const a1ToastGroupsLocal = [\n        ...document.getElementsByClassName(\"ToastGroup\"),\n      ];\n\n      if (mfeRoots.length > 0) {\n        mfeRoots.forEach((el) => {\n          setTimeout(() => {\n            if (el.shadowRoot) {\n              a1ToastGroupsLocal.push(\n                ...el.shadowRoot.querySelectorAll(\".ToastGroup\"),\n              );\n            }\n            setA1ToastGroups(a1ToastGroupsLocal);\n          });\n        });\n      } else {\n        setA1ToastGroups(a1ToastGroupsLocal);\n      }\n    };\n\n    useEffect(() => {\n      // set mutation observer for a1 toasts after initial render\n      a1ToastGroupObserver.current = new MutationObserver(updateA1ToastGroups);\n    }, []);\n\n    /*\n      Listen for any new A1 Toast Groups to adjust styles and\n      prevent overlapping.\n     */\n    useEffect(() => {\n      if (a1ToastGroupObserver.current !== null) {\n        if (toastCount > 0 && a1ToastGroupObserverConnected.current === false) {\n          // listen for any new a1 toasts\n          a1ToastGroupObserver.current.observe(document.body, {\n            childList: true,\n            subtree: true,\n          });\n          a1ToastGroupObserverConnected.current = true;\n\n          // account for already existing a1 toasts\n          updateA1ToastGroups();\n        } else if (\n          toastCount === 0 &&\n          a1ToastGroupObserverConnected.current === true\n        ) {\n          a1ToastGroupObserver.current.disconnect();\n          a1ToastGroupObserverConnected.current = false;\n        }\n      }\n    }, [toastCount]);\n\n    useEffect(() => {\n      if (a1ToastGroups && a1ToastGroups.length > 0) {\n        const toasterHeight =\n          toasterRef.current?.firstElementChild?.getBoundingClientRect()\n            .height as number;\n        a1ToastGroups.forEach((group) => {\n          (group as HTMLDivElement).style.top =\n            toastCount === 0 ? \"16px\" : `calc(${toasterHeight}px + 2.5rem)`;\n        });\n      }\n      // eslint-disable-next-line\n    }, [a1ToastGroups.length, toastCount]);\n\n    return (\n      <HammerToaster\n        {...props}\n        onToastEvent={handleToastEvent}\n        disableEvents={shouldDisableEvents}\n        ref={mergedToasterRef}\n      />\n    );\n  },\n);\n\nToaster.displayName = HammerToaster.displayName;\n","import {\n  toast as coreToast,\n  toastProps as coreToastProps,\n} from \"@servicetitan/hammer-react\";\n\n/**\n * Props for creating toast notifications\n * @property {string} id - Unique identifier for the toast\n * @property {AlertProps[\"status\"]} status - Visual status of the toast (info, success, warning, danger)\n * @property {string} title - Title text displayed in the toast\n * @property {string} [message] - Additional message content to display below the title\n * @property {number | false} [duration] - Duration in milliseconds before auto-dismiss. Set to false to disable auto-dismiss\n * @property {ToastAction & { secondary?: ToastAction }} [actions] - Action buttons to display in the toast\n * @property {ProgressBarProps[\"value\"] | \"indeterminate\"} [progress] - Progress bar value or indeterminate state\n * @property {() => void} [onDismiss] - Callback function called when toast is dismissed, expired, or closed\n * @property {() => void} [onClose] - Callback function called only when the close button is clicked\n * @property {string} [toasterId] - ID of the specific toaster to display the toast in\n */\nexport type toastProps = coreToastProps;\n\n/**\n * Toast utility functions for creating and managing toast notifications.\n *\n * Features:\n * - Create toast notifications with various status types\n * - Update existing toasts with new content\n * - Dismiss individual toasts or all toasts\n * - Support for action buttons and progress bars\n * - Automatic tracking ID generation for analytics\n * - Integration with anvil2 toaster system\n *\n * @example\n * toast.success({\n *   id: \"success-toast\",\n *   title: \"Success!\",\n *   message: \"Your changes have been saved.\"\n * });\n */\nexport const toast = coreToast;\n"],"names":["HammerToaster","coreToast"],"mappings":"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"}
+{"version":3,"file":"toast-uADTqqrS.js","sources":["../src/components/Toast/Toaster.tsx","../src/components/Toast/toast.ts"],"sourcesContent":["import {\n  ToasterProps as HammerToasterProps,\n  Toaster as HammerToaster,\n  useMergeRefs,\n  ToastEventType,\n} from \"@servicetitan/hammer-react\";\nimport { Ref, forwardRef, useEffect, useRef, useState } from \"react\";\n\nconst SHADOW_HOST_DATA_ATTRS = \"[data-mfe-portal-name], [data-mfe-name]\";\n\n/**\n * Props for the Toaster component\n * @property {number | false} [duration] - Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close\n * @property {string} id - Unique toaster id\n * @property {(toastEvent: ToastEventType) => void} [onToastEvent] - Callback function that is called when toasts are added, updated, or dismissed\n * @property {number | false} [duration] - Duration of the toast in milliseconds. If set to false, the toast will not auto-dismiss\n * @property {string} [focusKey] - How a screen-reader will announce the hotkey used to set focus on the first toast\n * @property {number} [toastsBeforeStack] - How many toasts to display before they start stacking\n * @extends Omit<HammerToasterProps, \"disableEvents\" | \"duration\">\n */\nexport type ToasterProps = Omit<\n  HammerToasterProps,\n  \"disableEvents\" | \"duration\"\n> & {\n  /**\n   * Timeout, in ms, before toasts auto-closes. If set to false, toasts will not auto-close.\n   * @deprecated The monolith toaster controls the duration of toasts. This prop should not be used in other cases.\n   * @default false\n   */\n  duration?: number | false;\n};\n\n/**\n * Toaster component for managing and displaying toast notifications with anvil2-specific features.\n *\n * Features:\n * - Manages multiple toast notifications in a stack\n * - Handles toast positioning and stacking behavior\n * - Supports custom events for toast management\n * - Automatic toast dismissal with configurable duration\n * - Keyboard navigation and accessibility support\n * - Dialog-aware positioning for modal contexts\n * - Session storage for dialog toaster state\n * - Custom event system for toast lifecycle management\n * - Responsive design with mobile support\n * - Automatic tracking ID generation for analytics\n * - Monolith toaster integration and coordination\n * - Shadow DOM support for micro-frontend environments\n * - A1 toast group compatibility and positioning\n *\n * @example\n * <Toaster\n *   id=\"main-toaster\"\n *   duration={5000}\n *   toastsBeforeStack={3}\n *   onToastEvent={(event) => console.log('Toast event:', event)}\n * />\n *\n * @example\n * <Toaster\n *   id=\"dialog-toaster\"\n *   disableEvents={false}\n *   focusKey=\"t\"\n * />\n */\nexport const Toaster = forwardRef(\n  (\n    { onToastEvent, ...props }: HammerToasterProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const { id } = props;\n\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const mergedToasterRef = useMergeRefs([toasterRef, ref]);\n\n    const [shouldDisableEvents, setShouldDisableEvents] =\n      useState<boolean>(false);\n\n    useEffect(() => {\n      const toasters = document.querySelectorAll(\"[data-anv='toaster']\");\n      const shadowToasters =\n        (\n          toasterRef.current?.getRootNode() as Document | ShadowRoot\n        )?.querySelectorAll(\"[data-anv='toaster']\") || [];\n\n      // Toaster(s) exist in the document, bail out if this toaster is not the first one\n      if (\n        toasters.length &&\n        id !== toasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      } else if (\n        // Toaster(s) exist in the shadow dom, bail out if this toaster is not the first one\n        shadowToasters.length &&\n        id !== shadowToasters[0].getAttribute(\"data-toaster-id\")\n      ) {\n        setShouldDisableEvents(true);\n      }\n    }, [id]);\n\n    const a1ToastGroupObserver = useRef<MutationObserver | null>(null);\n    const a1ToastGroupObserverConnected = useRef<boolean>(false);\n    const [a1ToastGroups, setA1ToastGroups] = useState<Element[]>([]);\n    const [toastCount, setToastCount] = useState<number>(0);\n\n    const handleToastEvent = (event: ToastEventType) => {\n      const { toastCount: newToastCount } = event;\n      setToastCount(newToastCount);\n      onToastEvent?.(event);\n    };\n\n    const updateA1ToastGroups = () => {\n      const mfeRoots = document.querySelectorAll(SHADOW_HOST_DATA_ATTRS);\n      const a1ToastGroupsLocal = [\n        ...document.getElementsByClassName(\"ToastGroup\"),\n      ];\n\n      if (mfeRoots.length > 0) {\n        mfeRoots.forEach((el) => {\n          setTimeout(() => {\n            if (el.shadowRoot) {\n              a1ToastGroupsLocal.push(\n                ...el.shadowRoot.querySelectorAll(\".ToastGroup\"),\n              );\n            }\n            setA1ToastGroups(a1ToastGroupsLocal);\n          });\n        });\n      } else {\n        setA1ToastGroups(a1ToastGroupsLocal);\n      }\n    };\n\n    useEffect(() => {\n      // set mutation observer for a1 toasts after initial render\n      a1ToastGroupObserver.current = new MutationObserver(updateA1ToastGroups);\n    }, []);\n\n    /*\n      Listen for any new A1 Toast Groups to adjust styles and\n      prevent overlapping.\n     */\n    useEffect(() => {\n      if (a1ToastGroupObserver.current !== null) {\n        if (toastCount > 0 && a1ToastGroupObserverConnected.current === false) {\n          // listen for any new a1 toasts\n          a1ToastGroupObserver.current.observe(document.body, {\n            childList: true,\n            subtree: true,\n          });\n          a1ToastGroupObserverConnected.current = true;\n\n          // account for already existing a1 toasts\n          updateA1ToastGroups();\n        } else if (\n          toastCount === 0 &&\n          a1ToastGroupObserverConnected.current === true\n        ) {\n          a1ToastGroupObserver.current.disconnect();\n          a1ToastGroupObserverConnected.current = false;\n        }\n      }\n    }, [toastCount]);\n\n    useEffect(() => {\n      if (a1ToastGroups && a1ToastGroups.length > 0) {\n        const toasterHeight =\n          toasterRef.current?.firstElementChild?.getBoundingClientRect()\n            .height as number;\n        a1ToastGroups.forEach((group) => {\n          (group as HTMLDivElement).style.top =\n            toastCount === 0 ? \"16px\" : `calc(${toasterHeight}px + 2.5rem)`;\n        });\n      }\n      // eslint-disable-next-line\n    }, [a1ToastGroups.length, toastCount]);\n\n    return (\n      <HammerToaster\n        {...props}\n        onToastEvent={handleToastEvent}\n        disableEvents={shouldDisableEvents}\n        ref={mergedToasterRef}\n      />\n    );\n  },\n);\n\nToaster.displayName = HammerToaster.displayName;\n","import {\n  toast as coreToast,\n  toastProps as coreToastProps,\n} from \"@servicetitan/hammer-react\";\n\n/**\n * Props for creating toast notifications\n * @property {string} id - Unique identifier for the toast\n * @property {AlertProps[\"status\"]} status - Visual status of the toast (info, success, warning, danger)\n * @property {string} title - Title text displayed in the toast\n * @property {string} [message] - Additional message content to display below the title\n * @property {number | false} [duration] - Duration in milliseconds before auto-dismiss. Set to false to disable auto-dismiss\n * @property {ToastAction & { secondary?: ToastAction }} [actions] - Action buttons to display in the toast\n * @property {ProgressBarProps[\"value\"] | \"indeterminate\"} [progress] - Progress bar value or indeterminate state\n * @property {() => void} [onDismiss] - Callback function called when toast is dismissed, expired, or closed\n * @property {() => void} [onClose] - Callback function called only when the close button is clicked\n * @property {string} [toasterId] - ID of the specific toaster to display the toast in\n */\nexport type toastProps = coreToastProps;\n\n/**\n * Toast utility functions for creating and managing toast notifications.\n *\n * Features:\n * - Create toast notifications with various status types\n * - Update existing toasts with new content\n * - Dismiss individual toasts or all toasts\n * - Support for action buttons and progress bars\n * - Automatic tracking ID generation for analytics\n * - Integration with anvil2 toaster system\n *\n * @example\n * toast.success({\n *   id: \"success-toast\",\n *   title: \"Success!\",\n *   message: \"Your changes have been saved.\"\n * });\n */\nexport const toast = coreToast;\n"],"names":["HammerToaster","coreToast"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "1.40.3",
+  "version": "1.41.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -26,8 +26,8 @@
     "@servicetitan/anvil-fonts": ">=14",
     "classnames": "^2.5.1",
     "@servicetitan/hammer-icon": "1.2.0",
-    "@servicetitan/hammer-react": "1.38.3",
-    "@servicetitan/hammer-token": "2.4.0"
+    "@servicetitan/hammer-token": "2.4.0",
+    "@servicetitan/hammer-react": "1.39.0"
   },
   "peerDependencies": {
     "@types/react": "^18",