@servicetitan/anvil2 3.0.6 → 3.0.7

package/dist/{Dialog-CD-SDfPT.js.map → Dialog-CvYSMvfD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dialog-CD-SDfPT.js","sources":["../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport cx from \"classnames\";\n\nimport { Text } from \"../Text\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DialogHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  (props: DialogHeaderProps, ref) => {\n    const { children, className, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Dialog\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const headerClassNames = cx(className, styles[\"header\"]);\n\n    return (\n      <header\n        className={headerClassNames}\n        data-anv=\"dialog-header\"\n        data-tracking-id={trackingId}\n        ref={useMergeRefs([ref, headerRef])}\n        {...rest}\n      >\n        <Text variant=\"headline\" el=\"h1\" className={styles[\"title\"]}>\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DialogCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close dialog\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDialogHeader.displayName = \"DialogHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\n\n/**\n * Props for the DialogFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DialogFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *   <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef<HTMLElement, DialogFooterProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n\n    const footerClassNames = cx(styles[\"footer\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={footerClassNames}\n        data-anv=\"dialog-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDialogFooter.displayName = \"DialogFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DialogContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Optional sticky positioning below header\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * // Basic content\n * <Dialog.Content>\n *   <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n *\n * @example\n * // Sticky content (e.g., search field that remains visible while scrolling)\n * <Dialog.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"dialog-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...rest.style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogContent.displayName = \"DialogContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  KeyboardEvent,\n  useMemo,\n  useLayoutEffect,\n} from \"react\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport {\n  FocusableElement,\n  DisableCloseOnEscapeOrClickProps,\n  Size,\n} from \"../../types\";\nimport { registerLayer, unregisterLayer } from \"../../internal/utils\";\nimport { DialogContext, DialogContextProps } from \"./internal/DialogContext\";\nimport {\n  DrillDownContext,\n  DrillDownContextProps,\n} from \"../DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../DrillDown/internal/useDrillDownContextState\";\nimport styles from \"./Dialog.module.scss\";\nimport drillDownStyles from \"../DrillDown/DrillDown.module.scss\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\n\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\nimport { useInitialFocus } from \"./internal/useInitialFocus\";\n\n/**\n * Props for the Dialog component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DialogProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * @default false\n     */\n    fullScreen?: boolean;\n    /**\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"medium\" | \"large\" | \"xlarge\">;\n\n    /**\n     * @default false\n     */\n    open?: boolean;\n    onClose?: () => void;\n    /**\n     * Callback when clicking outside the dialog\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n    /**\n     * Given an array of focusable elements, return the initial focus target.\n     * @param focusables - The focusable elements to pick from\n     * @returns The initial focus target\n     */\n    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n    /**\n     * Sets the default DrillDown index when used in an uncontrolled way\n     */\n    defaultDrillDownIndex?: DrillDownContextProps[\"index\"];\n    /**\n     * Callback to pass context to useDrillDown hook\n     */\n    onDrillDownContextChange?: (context: DrillDownContextProps) => void;\n  };\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n *   <Dialog.Header>Confirm Action</Dialog.Header>\n *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n *   <Dialog.Footer>\n *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *     <Button appearance=\"primary\">Confirm</Button>\n *   </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(\n  forwardRef<HTMLDialogElement, DialogProps>(function DialogInner(props, ref) {\n    const {\n      className,\n      open = false,\n      children,\n      onClose,\n      onKeyDown,\n      fullScreen = false,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size,\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\n      initialFocusResolver,\n      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n\n    const elRef = useRef<HTMLDialogElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLElement>(null);\n\n    const [hasOpenPopover, setHasOpenPopover] =\n      useState<DialogContextProps[\"hasOpenPopover\"]>(false);\n\n    const drillDownContextValue = useDrillDownContextState({\n      defaultDrillDownIndex,\n    });\n\n    const id = useId();\n\n    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {\n      onOpenAnimationStart: useCallback(() => {\n        onOpenAnimationStart?.();\n      }, [onOpenAnimationStart]),\n      onOpenAnimationComplete: useCallback(() => {\n        onOpenAnimationComplete?.();\n      }, [onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    const previousOpenRef = useRef(open);\n\n    useLayoutEffect(() => {\n      if (open && !previousOpenRef.current) {\n        drillDownContextValue.setHostTrigger?.(\n          document.activeElement instanceof HTMLElement\n            ? document.activeElement\n            : null,\n        );\n      }\n    }, [open, drillDownContextValue]);\n\n    useEffect(() => {\n      previousOpenRef.current = open;\n    }, [open]);\n\n    useEffect(() => {\n      if (state === \"closing\") {\n        drillDownContextValue.onHostClose?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    useEffect(() => {\n      if (state === \"closed\") {\n        drillDownContextValue.onHostClosed?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    const drillDownContextProviderValue = useMemo(\n      () => ({\n        ...drillDownContextValue,\n        hostIsInteractive: state !== \"closing\" && state !== \"closed\",\n      }),\n      [drillDownContextValue, state],\n    );\n\n    useLayoutEffect(() => {\n      onDrillDownContextChange?.(drillDownContextProviderValue);\n    }, [drillDownContextProviderValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    // DEPRECATED\n    const initial = useRef(true);\n    useEffect(() => {\n      if (initial.current) {\n        initial.current = false;\n      }\n    }, [id, isOpenOrOpening]);\n\n    const classNames = cx([styles.dialog, drillDownStyles.dialog], className, {\n      [styles[\"closing\"]]: state === \"closing\",\n      [styles[\"fullscreen\"]]: fullScreen,\n      ...(size && size !== \"medium\" && { [styles[size]]: true }),\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: true,\n    });\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    // Register/unregister with layer manager for proper stacking\n    useEffect(() => {\n      if (open) {\n        registerLayer(id);\n      } else {\n        unregisterLayer(id);\n      }\n\n      // Cleanup when component unmounts\n      return () => {\n        unregisterLayer(id);\n      };\n    }, [open, id]);\n\n    useOnClickOutside({\n      onClickOutsideBegin: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClickOutside: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n      layerId: id,\n    });\n\n    const computeFocus = useCallback((focusables: FocusableElement[]) => {\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    }, []);\n\n    useInitialFocus(elRef, {\n      computeFocus: initialFocusResolver || computeFocus,\n    });\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Escape\") {\n        e.preventDefault();\n        if (disableCloseOnEscape) return;\n        if (hasOpenPopover) return;\n        onClose?.();\n        return;\n      }\n\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === focusables?.[0]) {\n          e.preventDefault();\n          (focusables[focusables.length - 1] as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === focusables?.[focusables.length - 1] && !e.shiftKey) {\n          e.preventDefault();\n          focusables[0].focus();\n          return;\n        }\n      }\n    };\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      <dialog\n        className={classNames}\n        data-anv=\"dialog\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={useMergeRefs([ref, elRef])}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={open}>\n          <ToasterPopover>\n            <ToasterContent id=\"dialog-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n\n        <DrillDownContext.Provider value={drillDownContextProviderValue}>\n          <DialogContext.Provider\n            value={{\n              close: () => onClose?.(),\n              ref: elRef,\n              hasOpenPopover,\n              setHasOpenPopover,\n              headerRef,\n              state,\n            }}\n          >\n            <section\n              ref={contentRef}\n              className={styles[\"container\"]}\n              data-open={open}\n            >\n              <div className={styles[\"scroller\"]}>{children}</div>\n            </section>\n          </DialogContext.Provider>\n        </DrillDownContext.Provider>\n      </dialog>\n    );\n  }),\n  {\n    /**\n     * DialogHeader component for the header section of a Dialog.\n     *\n     * Features:\n     * - Displays dialog title with headline typography\n     * - Includes close button with proper accessibility\n     * - Sticky positioning for long content\n     * - Consistent spacing and styling\n     * - Automatic focus management\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Dialog.Header>Confirm Delete</Dialog.Header>\n     */\n    Header: DialogHeader,\n    /**\n     * DialogFooter component for the footer section of a Dialog.\n     *\n     * Features:\n     * - Container for dialog action buttons\n     * - Optional sticky positioning for long content\n     * - Consistent spacing and alignment\n     * - Right-aligned button layout by default\n     * - Flexible content area for custom layouts\n     *\n     * @example\n     * <Dialog.Footer sticky>\n     *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n     *   <Button appearance=\"primary\">Save</Button>\n     * </Dialog.Footer>\n     */\n    Footer: DialogFooter,\n    /**\n     * DialogContent component for the main content area of a Dialog.\n     *\n     * Features:\n     * - Main content container for dialog body\n     * - Flexible height with overflow handling\n     * - Consistent padding and spacing\n     * - Responsive design\n     * - Proper content scrolling for long content\n     *\n     * @example\n     * <Dialog.Content>\n     *   <p>This is the main content of the dialog.</p>\n     * </Dialog.Content>\n     */\n    Content: DialogContent,\n    /**\n     * DialogCancelButton component for cancel/close actions in a Dialog.\n     *\n     * Features:\n     * - Button that automatically closes the dialog when clicked\n     * - Extends all Button component props and functionality\n     * - Proper accessibility with close dialog semantics\n     * - Automatic focus management\n     * - Consistent styling with other dialog elements\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n     */\n    CancelButton: DialogCancelButton,\n  },\n);\nDialog.displayName = \"Dialog\";\nexport const DialogElement = Dialog;\n"],"names":["Close","focusables"],"mappings":"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"}
+{"version":3,"file":"Dialog-CvYSMvfD.js","sources":["../src/components/Dialog/DialogHeader.tsx","../src/components/Dialog/DialogFooter.tsx","../src/components/Dialog/DialogContent.tsx","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport Close from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport cx from \"classnames\";\n\nimport { Text } from \"../Text\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { childrenToString } from \"../../internal/functions\";\nimport { useTrackingId, useMergeRefs } from \"../../hooks\";\nimport { DataTrackingId } from \"../../types\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogHeader component\n * @extends ComponentPropsWithoutRef<\"header\">\n */\nexport type DialogHeaderProps = ComponentPropsWithoutRef<\"header\"> &\n  DataTrackingId;\n\n/**\n * DialogHeader component for the header section of a Dialog.\n *\n * Features:\n * - Displays dialog title with headline typography\n * - Includes close button with proper accessibility\n * - Sticky positioning for long content\n * - Consistent spacing and styling\n * - Automatic focus management\n *\n * @example\n * <Dialog.Header>Confirm Delete</Dialog.Header>\n */\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(\n  (props: DialogHeaderProps, ref) => {\n    const { children, className, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const data = {\n      children: childrenToString(props.children),\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Dialog\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const headerClassNames = cx(className, styles[\"header\"]);\n\n    return (\n      <header\n        className={headerClassNames}\n        data-anv=\"dialog-header\"\n        data-tracking-id={trackingId}\n        ref={useMergeRefs([ref, headerRef])}\n        {...rest}\n      >\n        <Text variant=\"headline\" el=\"h1\" className={styles[\"title\"]}>\n          {children}\n        </Text>\n        <span className={styles[\"close-container\"]}>\n          <DialogCancelButton\n            className={styles[\"close-button\"]}\n            size=\"small\"\n            appearance=\"ghost\"\n            aria-label=\"Close dialog\"\n            icon={Close}\n          />\n        </span>\n      </header>\n    );\n  },\n);\n\nDialogHeader.displayName = \"DialogHeader\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\n\n/**\n * Props for the DialogFooter component\n * @extends ComponentPropsWithoutRef<\"footer\">\n */\nexport type DialogFooterProps = ComponentPropsWithoutRef<\"footer\"> & {\n  /**\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogFooter component for the footer section of a Dialog.\n *\n * Features:\n * - Container for dialog action buttons\n * - Optional sticky positioning for long content\n * - Consistent spacing and alignment\n * - Right-aligned button layout by default\n * - Flexible content area for custom layouts\n *\n * @example\n * <Dialog.Footer sticky>\n *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *   <Button appearance=\"primary\">Save</Button>\n * </Dialog.Footer>\n */\nexport const DialogFooter = forwardRef<HTMLElement, DialogFooterProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n\n    const footerClassNames = cx(styles[\"footer\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    return (\n      <footer\n        className={footerClassNames}\n        data-anv=\"dialog-footer\"\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </footer>\n    );\n  },\n);\n\nDialogFooter.displayName = \"DialogFooter\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./Dialog.module.scss\";\nimport { useDialogContext } from \"./internal/useDialogContext\";\n\n/**\n * Props for the DialogContent component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type DialogContentProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * When true, the content will stick below the header during scroll.\n   * @default false\n   */\n  sticky?: boolean;\n};\n\n/**\n * DialogContent component for the main content area of a Dialog.\n *\n * Features:\n * - Main content container for dialog body\n * - Flexible height with overflow handling\n * - Optional sticky positioning below header\n * - Consistent padding and spacing\n * - Responsive design\n * - Proper content scrolling for long content\n *\n * @example\n * // Basic content\n * <Dialog.Content>\n *   <p>This is the main content of the dialog.</p>\n * </Dialog.Content>\n *\n * @example\n * // Sticky content (e.g., search field that remains visible while scrolling)\n * <Dialog.Content sticky>\n *   <TextField placeholder=\"Filter results...\" />\n * </Dialog.Content>\n */\nexport const DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (props, ref) => {\n    const { children, className, sticky = false, ...rest } = props;\n    const { headerRef } = useDialogContext();\n    const [headerHeight, setHeaderHeight] = useState(0);\n\n    useEffect(() => {\n      const headerElement = headerRef?.current;\n      if (!sticky || !headerElement) return;\n\n      const updateHeight = () => {\n        setHeaderHeight(headerElement.offsetHeight || 0);\n      };\n\n      updateHeight();\n      const resizeObserver = new ResizeObserver(updateHeight);\n      resizeObserver.observe(headerElement);\n\n      return () => resizeObserver.disconnect();\n    }, [sticky, headerRef]);\n\n    const contentClassNames = cx(styles[\"content\"], className, {\n      [styles[\"sticky\"]]: sticky,\n    });\n\n    const stickyStyle = sticky ? { top: `${headerHeight}px` } : undefined;\n\n    return (\n      <div\n        className={contentClassNames}\n        data-anv=\"dialog-content\"\n        ref={ref}\n        style={{ ...stickyStyle, ...rest.style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nDialogContent.displayName = \"DialogContent\";\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  KeyboardEvent,\n  useMemo,\n  useLayoutEffect,\n} from \"react\";\nimport { DialogHeader } from \"./DialogHeader\";\nimport { DialogFooter } from \"./DialogFooter\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogCancelButton } from \"./DialogCancelButton\";\nimport {\n  OpenCloseTransitionStateEffects,\n  useDialogScrollLock,\n  useDialogTransitionStates,\n  useKeyboardFocusables,\n  useOnClickOutside,\n} from \"../../internal/hooks\";\nimport {\n  FocusableElement,\n  DisableCloseOnEscapeOrClickProps,\n  Size,\n} from \"../../types\";\nimport { registerLayer, unregisterLayer } from \"../../internal/utils\";\nimport { DialogContext, DialogContextProps } from \"./internal/DialogContext\";\nimport {\n  DrillDownContext,\n  DrillDownContextProps,\n} from \"../DrillDown/internal/DrillDownContext\";\nimport { useDrillDownContextState } from \"../DrillDown/internal/useDrillDownContextState\";\nimport styles from \"./Dialog.module.scss\";\nimport drillDownStyles from \"../DrillDown/DrillDown.module.scss\";\nimport { useMergeRefs } from \"../../hooks\";\nimport cx from \"classnames\";\n\nimport { ToastProvider } from \"../Toast/internal/ToastProvider\";\nimport { ToasterPopover } from \"../Toast/internal/ToasterPopover\";\nimport { ToasterContent } from \"../Toast/internal/Toaster\";\nimport { useInitialFocus } from \"./internal/useInitialFocus\";\n\n/**\n * Props for the Dialog component\n * @extends ComponentPropsWithoutRef<\"dialog\">\n * @extends DialogTransitionStateEffects\n * @extends DisableCloseOnEscapeOrClickProps\n */\nexport type DialogProps = ComponentPropsWithoutRef<\"dialog\"> &\n  OpenCloseTransitionStateEffects &\n  DisableCloseOnEscapeOrClickProps & {\n    /**\n     * @default false\n     */\n    fullScreen?: boolean;\n    /**\n     * @default \"medium\"\n     */\n    size?: Extract<Size, \"medium\" | \"large\" | \"xlarge\">;\n\n    /**\n     * @default false\n     */\n    open?: boolean;\n    onClose?: () => void;\n    /**\n     * Callback when clicking outside the dialog\n     */\n    onClickOutside?: (e: globalThis.MouseEvent) => void;\n    /**\n     * Enables scroll chaining\n     * @link https://developer.mozilla.org/en-US/docs/Glossary/Scroll_chaining\n     */\n    enableScrollChaining?: boolean;\n    /**\n     * Given an array of focusable elements, return the initial focus target.\n     * @param focusables - The focusable elements to pick from\n     * @returns The initial focus target\n     */\n    initialFocusResolver?: (focusables: FocusableElement[]) => FocusableElement;\n    /**\n     * Sets the default DrillDown index when used in an uncontrolled way\n     */\n    defaultDrillDownIndex?: DrillDownContextProps[\"index\"];\n    /**\n     * Callback to pass context to useDrillDown hook\n     */\n    onDrillDownContextChange?: (context: DrillDownContextProps) => void;\n  };\n\n/**\n * Dialog component for creating modal dialogs and overlays.\n *\n * Features:\n * - Modal dialog with backdrop overlay\n * - Controlled and uncontrolled open state\n * - Smooth open/close animations\n * - Keyboard navigation and focus management\n * - Escape key and click outside to close\n * - Multiple size variants (medium, large, fullscreen)\n * - Scroll chaining support\n * - Toast integration for notifications\n * - Compound component pattern with Header, Footer, Content, and CancelButton sub-components\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <Dialog open={isOpen} onClose={() => setIsOpen(false)}>\n *   <Dialog.Header>Confirm Action</Dialog.Header>\n *   <Dialog.Content>Are you sure you want to proceed?</Dialog.Content>\n *   <Dialog.Footer>\n *     <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n *     <Button appearance=\"primary\">Confirm</Button>\n *   </Dialog.Footer>\n * </Dialog>\n */\nexport const Dialog = Object.assign(\n  forwardRef<HTMLDialogElement, DialogProps>(function DialogInner(props, ref) {\n    const {\n      className,\n      open = false,\n      children,\n      onClose,\n      onKeyDown,\n      fullScreen = false,\n      disableCloseOnEscape = false,\n      onClickOutside,\n      disableCloseOnClickOutside = false,\n      size,\n      enableScrollChaining,\n      onOpenAnimationStart,\n      onOpenAnimationComplete,\n      onCloseAnimationStart,\n      onCloseAnimationComplete,\n      initialFocusResolver,\n      defaultDrillDownIndex,\n      onDrillDownContextChange,\n      ...rest\n    } = props;\n\n    const elRef = useRef<HTMLDialogElement>(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const toasterRef = useRef<HTMLDivElement>(null);\n    const headerRef = useRef<HTMLElement>(null);\n\n    const [hasOpenPopover, setHasOpenPopover] =\n      useState<DialogContextProps[\"hasOpenPopover\"]>(false);\n\n    const drillDownContextValue = useDrillDownContextState({\n      defaultDrillDownIndex,\n    });\n\n    const id = useId();\n\n    const { state, isOpenOrOpening } = useDialogTransitionStates(elRef, open, {\n      onOpenAnimationStart: useCallback(() => {\n        onOpenAnimationStart?.();\n      }, [onOpenAnimationStart]),\n      onOpenAnimationComplete: useCallback(() => {\n        onOpenAnimationComplete?.();\n      }, [onOpenAnimationComplete]),\n      onCloseAnimationStart: useCallback(() => {\n        onCloseAnimationStart?.();\n      }, [onCloseAnimationStart]),\n      onCloseAnimationComplete: useCallback(() => {\n        onCloseAnimationComplete?.();\n      }, [onCloseAnimationComplete]),\n    });\n\n    const previousOpenRef = useRef(open);\n\n    useLayoutEffect(() => {\n      if (open && !previousOpenRef.current) {\n        drillDownContextValue.setHostTrigger?.(\n          document.activeElement instanceof HTMLElement\n            ? document.activeElement\n            : null,\n        );\n      }\n    }, [open, drillDownContextValue]);\n\n    useEffect(() => {\n      previousOpenRef.current = open;\n    }, [open]);\n\n    useEffect(() => {\n      if (state === \"closing\") {\n        drillDownContextValue.onHostClose?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    useEffect(() => {\n      if (state === \"closed\") {\n        drillDownContextValue.onHostClosed?.();\n      }\n    }, [state, drillDownContextValue]);\n\n    const drillDownContextProviderValue = useMemo(\n      () => ({\n        ...drillDownContextValue,\n        hostIsInteractive: state !== \"closing\" && state !== \"closed\",\n      }),\n      [drillDownContextValue, state],\n    );\n\n    useLayoutEffect(() => {\n      onDrillDownContextChange?.(drillDownContextProviderValue);\n    }, [drillDownContextProviderValue]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    // DEPRECATED\n    const initial = useRef(true);\n    useEffect(() => {\n      if (initial.current) {\n        initial.current = false;\n      }\n    }, [id, isOpenOrOpening]);\n\n    const classNames = cx([styles.dialog, drillDownStyles.dialog], className, {\n      [styles[\"closing\"]]: state === \"closing\",\n      [styles[\"fullscreen\"]]: fullScreen,\n      ...(size && size !== \"medium\" && { [styles[size]]: true }),\n    });\n\n    const { focusables } = useKeyboardFocusables(contentRef, {\n      observeChange: true,\n    });\n\n    useDialogScrollLock({\n      open: isOpenOrOpening,\n      id,\n      enableScrollChaining,\n      elementRef: elRef,\n    });\n\n    // Register/unregister with layer manager for proper stacking\n    useEffect(() => {\n      if (open) {\n        registerLayer(id);\n      } else {\n        unregisterLayer(id);\n      }\n\n      // Cleanup when component unmounts\n      return () => {\n        unregisterLayer(id);\n      };\n    }, [open, id]);\n\n    useOnClickOutside({\n      onClickOutsideBegin: (e) => {\n        if (!open) return;\n        onClickOutside?.(e);\n      },\n      targets: [\n        contentRef.current as HTMLElement,\n        toasterRef.current as HTMLElement,\n      ],\n      onClickOutside: () => {\n        if (disableCloseOnClickOutside || !open) return;\n        onClose?.();\n      },\n      layerId: id,\n    });\n\n    const computeFocus = useCallback((focusables: FocusableElement[]) => {\n      return (\n        focusables.find(\n          (focusable) => focusable.dataset.anv !== \"dialog-cancel-button\",\n        ) || focusables[0]\n      );\n    }, []);\n\n    useInitialFocus(elRef, {\n      computeFocus: initialFocusResolver || computeFocus,\n    });\n\n    const onKeyDownHandler = (e: KeyboardEvent<HTMLDialogElement>) => {\n      onKeyDown?.(e);\n      if (e.code === \"Escape\") {\n        e.preventDefault();\n        if (disableCloseOnEscape) return;\n        if (hasOpenPopover) return;\n        onClose?.();\n        return;\n      }\n\n      if (e.code === \"Tab\") {\n        if (e.shiftKey && e.target === focusables?.[0]) {\n          e.preventDefault();\n          (focusables[focusables.length - 1] as HTMLElement)?.focus();\n          return;\n        }\n        if (e.target === focusables?.[focusables.length - 1] && !e.shiftKey) {\n          e.preventDefault();\n          focusables[0].focus();\n          return;\n        }\n      }\n    };\n\n    return (\n      // dialog element does seem to be interactive on MDN guideline\n      <dialog\n        className={classNames}\n        data-anv=\"dialog\"\n        data-anv-scroll-chaining={enableScrollChaining}\n        data-anv-transition-state={state}\n        ref={useMergeRefs([ref, elRef])}\n        onKeyDown={onKeyDownHandler}\n        {...rest}\n      >\n        <ToastProvider isDialogToaster={open}>\n          <ToasterPopover>\n            <ToasterContent id=\"dialog-toaster\" ref={toasterRef} />\n          </ToasterPopover>\n        </ToastProvider>\n\n        <DrillDownContext.Provider value={drillDownContextProviderValue}>\n          <DialogContext.Provider\n            value={{\n              close: () => onClose?.(),\n              ref: elRef,\n              hasOpenPopover,\n              setHasOpenPopover,\n              headerRef,\n              state,\n            }}\n          >\n            <section\n              ref={contentRef}\n              className={styles[\"container\"]}\n              data-open={open}\n            >\n              <div className={styles[\"scroller\"]}>{children}</div>\n            </section>\n          </DialogContext.Provider>\n        </DrillDownContext.Provider>\n      </dialog>\n    );\n  }),\n  {\n    /**\n     * DialogHeader component for the header section of a Dialog.\n     *\n     * Features:\n     * - Displays dialog title with headline typography\n     * - Includes close button with proper accessibility\n     * - Sticky positioning for long content\n     * - Consistent spacing and styling\n     * - Automatic focus management\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Dialog.Header>Confirm Delete</Dialog.Header>\n     */\n    Header: DialogHeader,\n    /**\n     * DialogFooter component for the footer section of a Dialog.\n     *\n     * Features:\n     * - Container for dialog action buttons\n     * - Optional sticky positioning for long content\n     * - Consistent spacing and alignment\n     * - Right-aligned button layout by default\n     * - Flexible content area for custom layouts\n     *\n     * @example\n     * <Dialog.Footer sticky>\n     *   <Dialog.CancelButton>Cancel</Dialog.CancelButton>\n     *   <Button appearance=\"primary\">Save</Button>\n     * </Dialog.Footer>\n     */\n    Footer: DialogFooter,\n    /**\n     * DialogContent component for the main content area of a Dialog.\n     *\n     * Features:\n     * - Main content container for dialog body\n     * - Flexible height with overflow handling\n     * - Consistent padding and spacing\n     * - Responsive design\n     * - Proper content scrolling for long content\n     *\n     * @example\n     * <Dialog.Content>\n     *   <p>This is the main content of the dialog.</p>\n     * </Dialog.Content>\n     */\n    Content: DialogContent,\n    /**\n     * DialogCancelButton component for cancel/close actions in a Dialog.\n     *\n     * Features:\n     * - Button that automatically closes the dialog when clicked\n     * - Extends all Button component props and functionality\n     * - Proper accessibility with close dialog semantics\n     * - Automatic focus management\n     * - Consistent styling with other dialog elements\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Dialog.CancelButton appearance=\"ghost\">Cancel</Dialog.CancelButton>\n     */\n    CancelButton: DialogCancelButton,\n  },\n);\nDialog.displayName = \"Dialog\";\nexport const DialogElement = Dialog;\n"],"names":["Close","focusables"],"mappings":"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"}

package/dist/Dialog.js

@@ -1,2 +1,2 @@
-export { D as Dialog, D as default } from './Dialog-CD-SDfPT.js';
+export { D as Dialog, D as default } from './Dialog-CvYSMvfD.js';
 //# sourceMappingURL=Dialog.js.map

package/dist/FilterBar-B4ZAs73g.js

@@ -0,0 +1,412 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState, useEffect, useContext, useRef, useCallback, useMemo, forwardRef } from 'react';
+import { S as SvgClose } from './close-DZj38AEh.js';
+import { F as FilterGroupContext, g as getActiveFilters, h as hasFilterSelectionChanged, c as cloneFiltersWithItemRefs, u as updateSingleFilter, a as checkActiveFilters, b as getAdapter, s as styles, D as DateListDialog, r as resetFilters, p as preserveFilterState, d as FilterItemWrapper } from './filter-state-Bx3aYS1r.js';
+import { B as Button } from './Button-C_V2xQAs.js';
+import { F as Flex } from './Flex-_orhvoxS.js';
+import { B as ButtonToggle } from './ButtonToggle-jnDMPSyK.js';
+import { C as Chip } from './Chip-D2k5X_wX.js';
+import { D as Drawer } from './Drawer-s2y0xcgV.js';
+import { u as useToolbarSize, a as updateToolbarItemsTabIndex, h as handleToolbarKeyDown, b as ToolbarContext } from './ToolbarButtonToggle-BPu81Wuv.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { d as BreakpointSm, c as BreakpointMd, b as BreakpointLg, a as BreakpointXl, B as BreakpointXxl } from './primitive-DXlHdTFb.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
+import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+
+function containerBreakpoint(containerWidth, name, min, max) {
+  if ((min == null || containerWidth >= min) && (max == null || containerWidth < max)) {
+    return {
+      name,
+      min,
+      max,
+      containerWidth,
+      containerHeight: 0
+      // Will be updated with actual height
+    };
+  }
+  return void 0;
+}
+const getContainerBreakpoint = (containerWidth, containerHeight) => {
+  if (!BreakpointSm) return;
+  if (!BreakpointMd) return;
+  if (!BreakpointLg) return;
+  if (!BreakpointXl) return;
+  if (!BreakpointXxl) return;
+  const sm = parseInt(BreakpointSm.value);
+  const md = parseInt(BreakpointMd.value);
+  const lg = parseInt(BreakpointLg.value);
+  const xl = parseInt(BreakpointXl.value);
+  const xxl = parseInt(BreakpointXxl.value);
+  const result = containerBreakpoint(containerWidth, "xs", void 0, sm) ?? containerBreakpoint(containerWidth, "sm", sm, md) ?? containerBreakpoint(containerWidth, "md", md, lg) ?? containerBreakpoint(containerWidth, "lg", lg, xl) ?? containerBreakpoint(containerWidth, "xl", xl, xxl) ?? containerBreakpoint(containerWidth, "xxl", xxl, void 0);
+  return result ? { ...result, containerHeight } : void 0;
+};
+const useContainerQuery = (containerRef, props) => {
+  const [size, setSize] = useState(
+    void 0
+  );
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const { width, height } = entry.contentRect;
+        const breakpoint = getContainerBreakpoint(width, height);
+        setSize(breakpoint);
+      }
+    });
+    resizeObserver.observe(containerRef.current);
+    const rect = containerRef.current.getBoundingClientRect();
+    setSize(getContainerBreakpoint(rect.width, rect.height));
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [containerRef, props?.disable]);
+  return size;
+};
+
+const SvgTune = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1zM3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1zm10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1zM7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1zm14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1zm-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1z" }));
+
+const FilterDrawer = () => {
+  const [open, setOpen] = useState(false);
+  const {
+    filters,
+    updateFilter,
+    onFilterChange,
+    drawerOnlyFilters,
+    showInlineFilters
+  } = useContext(FilterGroupContext);
+  const toolbarSize = useToolbarSize();
+  const [draftFilters, setDraftFilters] = useState(filters);
+  const [dateListDialogState, setDateListDialogState] = useState(null);
+  const filtersNotInToolbar = showInlineFilters ? drawerOnlyFilters : filters;
+  const activeFiltersCount = getActiveFilters(filtersNotInToolbar).length;
+  const prevOpenRef = useRef(open);
+  const prevFiltersRef = useRef(filters);
+  useEffect(() => {
+    const justOpened = open && !prevOpenRef.current;
+    prevOpenRef.current = open;
+    if (open) {
+      const anySelectionChanged = prevFiltersRef.current.some(
+        (prevFilter, index) => {
+          const newFilter = filters[index];
+          return newFilter && hasFilterSelectionChanged(prevFilter, newFilter);
+        }
+      );
+      const shouldSync = justOpened || anySelectionChanged;
+      if (shouldSync) {
+        setDraftFilters(cloneFiltersWithItemRefs(filters));
+      }
+      prevFiltersRef.current = filters;
+    }
+  }, [open, filters]);
+  const handleDraftChange = useCallback((filterId, value) => {
+    setDraftFilters((draft) => updateSingleFilter(draft, filterId, value));
+  }, []);
+  const clearDraftFilters = () => {
+    setDraftFilters(resetFilters(draftFilters));
+  };
+  const hasActiveDraftFilters = checkActiveFilters(draftFilters);
+  const requestDateListDialog = useCallback(
+    (filterId, libraryId) => {
+      setDateListDialogState({ filterId, libraryId });
+    },
+    []
+  );
+  const filterForm = useMemo(
+    () => draftFilters.map((draftFilter) => {
+      const originalFilter = filters.find((f) => f.id === draftFilter.id);
+      if (!originalFilter) return null;
+      return getAdapter(draftFilter).renderDrawer({
+        originalFilter,
+        draftFilter,
+        onDraftChange: handleDraftChange,
+        requestDateListDialog
+      });
+    }),
+    [draftFilters, filters, handleDraftChange, requestDateListDialog]
+  );
+  const applyFiltering = () => {
+    draftFilters.forEach((draftFilter) => {
+      const value = getAdapter(draftFilter).getValue(draftFilter);
+      updateFilter(draftFilter.id, value, false);
+    });
+    onFilterChange?.(draftFilters);
+    setOpen(false);
+  };
+  const handleCancel = () => {
+    setOpen(false);
+  };
+  const hasHiddenActiveFilters = activeFiltersCount > 0;
+  const triggerClasses = cx(
+    styles["filter-button-trigger"],
+    styles["filter-drawer-trigger"],
+    {
+      [styles["filter-drawer-trigger--chipped"]]: hasHiddenActiveFilters
+    }
+  );
+  const dateListDialogTarget = dateListDialogState ? draftFilters.find(
+    (f) => f.id === dateListDialogState.filterId && f.type === "dateList"
+  ) : void 0;
+  const dateListDialogSelected = dateListDialogTarget?.selectedOption;
+  const dateListDialogInitialValue = dateListDialogSelected && dateListDialogSelected.id === dateListDialogState?.libraryId && dateListDialogSelected.value !== null ? dateListDialogSelected.value : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ButtonToggle,
+      {
+        "data-anv": "filter-group-drawer-trigger",
+        icon: { before: SvgTune },
+        onClick: () => setOpen(true),
+        className: triggerClasses,
+        checked: open,
+        size: toolbarSize,
+        children: [
+          "Filters",
+          hasHiddenActiveFilters && /* @__PURE__ */ jsx(
+            Chip,
+            {
+              size: "small",
+              color: "#0265DC",
+              label: activeFiltersCount.toString()
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Drawer,
+      {
+        "data-anv": "filter-group-drawer",
+        "data-testid": "filter-group-drawer",
+        open,
+        onClose: () => setOpen(false),
+        children: [
+          /* @__PURE__ */ jsx(Drawer.Content, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 6, grow: 1, children: filterForm }) }),
+          /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              justifyContent: hasActiveDraftFilters ? "space-between" : "flex-end",
+              grow: 1,
+              children: [
+                hasActiveDraftFilters && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    appearance: "ghost",
+                    icon: { before: SvgClose },
+                    onClick: clearDraftFilters,
+                    children: "Clear All Filters"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Flex, { gap: "3", children: [
+                  /* @__PURE__ */ jsx(Button, { onClick: handleCancel, children: "Cancel" }),
+                  /* @__PURE__ */ jsx(Button, { appearance: "primary", onClick: applyFiltering, children: "Apply" })
+                ] })
+              ]
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DateListDialog,
+      {
+        libraryId: dateListDialogState?.libraryId ?? null,
+        parentFilterId: dateListDialogState?.filterId ?? "",
+        initialValue: dateListDialogInitialValue,
+        mode: dateListDialogTarget?.mode,
+        dialogCtaLabel: "Save",
+        onCommit: (option) => {
+          if (dateListDialogState) {
+            handleDraftChange(dateListDialogState.filterId, option);
+          }
+          setDateListDialogState(null);
+        },
+        onCancel: () => setDateListDialogState(null)
+      }
+    )
+  ] });
+};
+
+const FilterBar = forwardRef(
+  function FilterBarInner(props, ref) {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      filters: initialFilters,
+      onFilterChange,
+      controlledFiltering = false,
+      associatedContent,
+      size = "xsmall",
+      disableCollapse = false,
+      className,
+      style,
+      onKeyDown,
+      ...rest
+    } = componentProps;
+    const [filters, setFilters] = useState(initialFilters);
+    const filterBarRef = useRef(null);
+    const containerQuery = useContainerQuery(filterBarRef);
+    const showInlineFilters = disableCollapse || !!(containerQuery && containerQuery.name !== "xs");
+    useEffect(() => {
+      setFilters((prevFilters) => {
+        const existingFiltersMap = new Map(prevFilters.map((f) => [f.id, f]));
+        return initialFilters.map((newFilter) => {
+          const existingFilter = existingFiltersMap.get(newFilter.id);
+          if (!existingFilter) {
+            return newFilter;
+          }
+          if (!hasFilterSelectionChanged(existingFilter, newFilter)) {
+            return preserveFilterState(newFilter, existingFilter);
+          }
+          return newFilter;
+        });
+      });
+    }, [initialFilters]);
+    const updateFilter = useCallback(
+      (filterId, value, submit) => {
+        setFilters((prevFilters) => {
+          const updatedFilters = updateSingleFilter(
+            prevFilters,
+            filterId,
+            value
+          );
+          if (submit) {
+            onFilterChange?.(updatedFilters);
+          }
+          return updatedFilters;
+        });
+      },
+      [onFilterChange]
+    );
+    const clearAllFilters = () => {
+      const resetAllFilters = resetFilters(filters);
+      setFilters(resetAllFilters);
+      onFilterChange?.(resetAllFilters);
+      requestAnimationFrame(() => {
+        if (filterBarRef.current) {
+          const firstFocusable = filterBarRef.current.querySelector(
+            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+          );
+          if (firstFocusable) {
+            firstFocusable.focus();
+          }
+        }
+      });
+    };
+    const hasActiveFilters = checkActiveFilters(filters);
+    const { inlineFilters, drawerOnlyFilters } = useMemo(() => {
+      const inline = [];
+      const drawer = [];
+      for (const f of filters) {
+        (f.drawerOnly ? drawer : inline).push(f);
+      }
+      return { inlineFilters: inline, drawerOnlyFilters: drawer };
+    }, [filters]);
+    const shouldShowDrawer = !showInlineFilters || drawerOnlyFilters.length > 0;
+    const filterGroupControls = inlineFilters.map(
+      (filter) => getAdapter(filter).renderBarControl({
+        filter,
+        updateFilter,
+        controlledFiltering
+      })
+    );
+    const toolbarContextValue = useMemo(
+      () => ({
+        overflowItems: [],
+        addItem: () => {
+        },
+        removeItem: () => {
+        },
+        toolbarRef: filterBarRef,
+        size
+      }),
+      [size]
+    );
+    const filterGroupContextValue = useMemo(
+      () => ({
+        filterGroupRef: filterBarRef,
+        filters,
+        updateFilter,
+        onFilterChange,
+        controlledFiltering,
+        associatedContent,
+        showInlineFilters,
+        drawerOnlyFilters
+      }),
+      [
+        filterBarRef,
+        filters,
+        updateFilter,
+        onFilterChange,
+        controlledFiltering,
+        associatedContent,
+        showInlineFilters,
+        drawerOnlyFilters
+      ]
+    );
+    useEffect(() => {
+      if (filterBarRef.current) {
+        updateToolbarItemsTabIndex(filterBarRef.current);
+      }
+    }, [filters]);
+    const handleKeyDown = useCallback(
+      (event) => {
+        if (filterBarRef.current) {
+          handleToolbarKeyDown(event, filterBarRef.current);
+        }
+        onKeyDown?.(event);
+      },
+      [onKeyDown]
+    );
+    const styleCombined = {
+      ...style,
+      ...layoutStyles
+    };
+    return /* @__PURE__ */ jsx(ToolbarContext.Provider, { value: toolbarContextValue, children: /* @__PURE__ */ jsx(FilterGroupContext.Provider, { value: filterGroupContextValue, children: /* @__PURE__ */ jsx(
+      Flex,
+      {
+        ref: useMergeRefs([filterBarRef, ref]),
+        role: "toolbar",
+        "aria-label": `Filters for ${associatedContent}. Use arrow keys to navigate through filter controls.`,
+        "aria-orientation": "horizontal",
+        onKeyDown: handleKeyDown,
+        alignItems: "center",
+        gap: 1,
+        wrap: "wrap",
+        className,
+        style: styleCombined,
+        "data-anv": "filter-bar",
+        ...rest,
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            alignItems: "center",
+            gap: 1,
+            wrap: "wrap",
+            grow: 1,
+            "data-anv": "toolbar-content",
+            children: [
+              showInlineFilters && filterGroupControls,
+              shouldShowDrawer && /* @__PURE__ */ jsx(FilterDrawer, {}),
+              showInlineFilters && hasActiveFilters && /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  appearance: "ghost",
+                  size,
+                  className: styles["filter-button-trigger"],
+                  icon: {
+                    before: SvgClose
+                  },
+                  onClick: clearAllFilters,
+                  children: "Clear Filters"
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ) }) });
+  }
+);
+FilterBar.displayName = "FilterBar";
+
+export { FilterBar as F };
+//# sourceMappingURL=FilterBar-B4ZAs73g.js.map

package/dist/FilterBar-B4ZAs73g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar-B4ZAs73g.js","sources":["../src/internal/hooks/useContainerQuery/useContainerQuery.ts","../../hammer-icon/mdi/round/tune.svg","../src/beta/components/FilterBar/FilterDrawer.tsx","../src/beta/components/FilterBar/FilterBar.tsx"],"sourcesContent":["import { useEffect, useState, RefObject } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\n/**\n * Return type for the useContainerQuery hook\n */\nexport type ContainerQueryReturnProps = {\n  /**\n   * The breakpoint name\n   */\n  name: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  /**\n   * Minimum width for this breakpoint\n   */\n  min: number | undefined;\n  /**\n   * Maximum width for this breakpoint\n   */\n  max: number | undefined;\n  /**\n   * Current container width\n   */\n  containerWidth: number;\n  /**\n   * Current container height\n   */\n  containerHeight: number;\n};\n\n/**\n * Determines if the current container width matches a specific breakpoint\n * @param containerWidth - The container width\n * @param name - The breakpoint name\n * @param min - Minimum width for this breakpoint\n * @param max - Maximum width for this breakpoint\n * @returns Breakpoint information if matched, undefined otherwise\n */\nfunction containerBreakpoint(\n  containerWidth: number,\n  name: ContainerQueryReturnProps[\"name\"],\n  min?: number,\n  max?: number,\n): ContainerQueryReturnProps | undefined {\n  if (\n    (min == null || containerWidth >= min) &&\n    (max == null || containerWidth < max)\n  ) {\n    return {\n      name,\n      min,\n      max,\n      containerWidth,\n      containerHeight: 0, // Will be updated with actual height\n    } as const;\n  }\n  return undefined;\n}\n\n/**\n * Determines the current breakpoint based on container width and hammer-token breakpoint values.\n *\n * Features:\n * - Validates that all required hammer-token breakpoint values are available\n * - Uses cascade logic to determine the appropriate breakpoint\n * - Returns the first matching breakpoint in order of preference\n * - Handles edge cases where breakpoint values are missing\n * - Uses container dimensions for accurate measurements\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n *\n * @param containerWidth - The width of the container element\n * @param containerHeight - The height of the container element\n * @returns Current breakpoint information or undefined if breakpoint values are unavailable\n */\nconst getContainerBreakpoint = (\n  containerWidth: number,\n  containerHeight: number,\n) => {\n  if (!core.primitive?.BreakpointSm) return;\n  if (!core.primitive?.BreakpointMd) return;\n  if (!core.primitive?.BreakpointLg) return;\n  if (!core.primitive?.BreakpointXl) return;\n  if (!core.primitive?.BreakpointXxl) return;\n\n  const sm = parseInt(core.primitive?.BreakpointSm.value);\n  const md = parseInt(core.primitive?.BreakpointMd.value);\n  const lg = parseInt(core.primitive?.BreakpointLg.value);\n  const xl = parseInt(core.primitive?.BreakpointXl.value);\n  const xxl = parseInt(core.primitive?.BreakpointXxl.value);\n\n  const result =\n    containerBreakpoint(containerWidth, \"xs\", undefined, sm) ??\n    containerBreakpoint(containerWidth, \"sm\", sm, md) ??\n    containerBreakpoint(containerWidth, \"md\", md, lg) ??\n    containerBreakpoint(containerWidth, \"lg\", lg, xl) ??\n    containerBreakpoint(containerWidth, \"xl\", xl, xxl) ??\n    containerBreakpoint(containerWidth, \"xxl\", xxl, undefined);\n\n  return result ? { ...result, containerHeight } : undefined;\n};\n\n/**\n * Custom hook for detecting current breakpoint based on container dimensions.\n *\n * Features:\n * - Detects current breakpoint based on container width instead of viewport width\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n * - Provides container dimensions information\n * - Uses hammer-token breakpoint values for consistency\n * - Listens for container resize events using ResizeObserver\n * - Supports optional disable functionality\n * - Uses container element dimensions for accurate measurements\n *\n * @param containerRef - React ref to the container element to observe\n * @param props - Optional configuration object\n * @param props.disable - Whether to disable the hook\n * @returns Current breakpoint information or undefined if disabled\n */\nexport const useContainerQuery = (\n  containerRef: RefObject<HTMLElement>,\n  props?: { disable?: boolean },\n) => {\n  const [size, setSize] = useState<ContainerQueryReturnProps | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    if (props?.disable || !containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect;\n        const breakpoint = getContainerBreakpoint(width, height);\n        setSize(breakpoint);\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    // Set initial size\n    const rect = containerRef.current.getBoundingClientRect();\n    setSize(getContainerBreakpoint(rect.width, rect.height));\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [containerRef, props?.disable]);\n\n  if (props?.disable) return undefined;\n  return size;\n};\n","import * as React from \"react\";\nconst SvgTune = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1zM3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1zm10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1zM7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1zm14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1zm-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1z\" }));\nexport default SvgTune;\n","import {\n  useContext,\n  useEffect,\n  useState,\n  useMemo,\n  useCallback,\n  useRef,\n} from \"react\";\nimport IconTune from \"@servicetitan/hammer-icon/mdi/round/tune.svg\";\nimport IconClose from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport {\n  DateListFilter,\n  DateListLibraryOptionId,\n  Filter,\n} from \"./internal/types\";\nimport { FilterGroupContext } from \"./internal/FilterGroupContext\";\nimport { Flex } from \"../../../components/Flex\";\nimport {\n  checkActiveFilters,\n  getActiveFilters,\n  resetFilters,\n  updateSingleFilter,\n  cloneFiltersWithItemRefs,\n  hasFilterSelectionChanged,\n} from \"./internal/utils/filter-state\";\nimport { getAdapter } from \"./internal/adapters\";\nimport { DateListDialog } from \"./FilterDateList\";\nimport ButtonToggle from \"../../../components/ButtonToggle\";\nimport Chip from \"../../../components/Chip\";\nimport Drawer from \"../../../components/Drawer\";\nimport Button from \"../../../components/Button\";\n\nimport { useToolbarSize } from \"../Toolbar/internal/ToolbarContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./FilterBar.module.scss\";\n\n/**\n * FilterDrawer component provides a drawer interface for filter selection.\n * Always operates in controlled mode with batch updates.\n * Built into FilterGroup for batch editing of drawer-only and below-breakpoint filters.\n *\n * Features:\n * - Shows all available filters in a side panel\n * - Maintains separate draft state for all filters\n * - Updates filters only when Apply is clicked\n * - Provides Clear All functionality\n * - Supports boolean, custom, single-select, multi-select, date, and date range filter types\n * - Integrates with FilterGroup context for state management\n * - Handles date and date range filters with appropriate input components\n */\nexport const FilterDrawer = () => {\n  const [open, setOpen] = useState(false);\n\n  // Get filter context from parent\n  const {\n    filters,\n    updateFilter,\n    onFilterChange,\n    drawerOnlyFilters,\n    showInlineFilters,\n  } = useContext(FilterGroupContext);\n  const toolbarSize = useToolbarSize();\n\n  // Local draft state for filters within the drawer\n  const [draftFilters, setDraftFilters] = useState<Filter[]>(filters);\n\n  // Open dialog for a dateList library option (On…/Before…/After…/Custom Range…).\n  const [dateListDialogState, setDateListDialogState] = useState<{\n    filterId: string;\n    libraryId: DateListLibraryOptionId;\n  } | null>(null);\n\n  // Filters not reachable from the toolbar: when inline filters are shown,\n  // only drawer-only filters qualify; otherwise every filter qualifies.\n  const filtersNotInToolbar = showInlineFilters ? drawerOnlyFilters : filters;\n\n  const activeFiltersCount = getActiveFilters(filtersNotInToolbar).length;\n\n  // Track previous state to detect when to sync draft\n  const prevOpenRef = useRef(open);\n  const prevFiltersRef = useRef<Filter[]>(filters);\n\n  /**\n   * Reset draft filters when drawer opens and sync when filter selections change while open\n   * Ensures drawer always shows current filter state\n   */\n  useEffect(() => {\n    const justOpened = open && !prevOpenRef.current;\n    prevOpenRef.current = open;\n\n    if (open) {\n      // Sync draft state if:\n      // 1. Drawer just opened, OR\n      // 2. Any filter selection value changed while already open (race condition fix)\n      // Don't sync when only items arrays change (preserves selections during search)\n      const anySelectionChanged = prevFiltersRef.current.some(\n        (prevFilter, index) => {\n          const newFilter = filters[index];\n          return newFilter && hasFilterSelectionChanged(prevFilter, newFilter);\n        },\n      );\n\n      const shouldSync = justOpened || anySelectionChanged;\n\n      if (shouldSync) {\n        setDraftFilters(cloneFiltersWithItemRefs(filters));\n      }\n\n      prevFiltersRef.current = filters;\n    }\n  }, [open, filters]);\n\n  /**\n   * Handles changing a draft filter value\n   * Updates only the draft state, not the actual filters\n   *\n   * @param filterId - ID of the filter to update\n   * @param value - New value for the filter\n   */\n  const handleDraftChange = useCallback((filterId: string, value: unknown) => {\n    setDraftFilters((draft) => updateSingleFilter(draft, filterId, value));\n  }, []);\n\n  /**\n   * Clears all draft filters in the drawer\n   * Does not affect the actual filters until Apply is clicked\n   */\n  const clearDraftFilters = () => {\n    setDraftFilters(resetFilters(draftFilters));\n  };\n\n  const hasActiveDraftFilters = checkActiveFilters(draftFilters);\n\n  const requestDateListDialog = useCallback(\n    (filterId: string, libraryId: DateListLibraryOptionId) => {\n      setDateListDialogState({ filterId, libraryId });\n    },\n    [],\n  );\n\n  const filterForm = useMemo(\n    () =>\n      draftFilters.map((draftFilter) => {\n        const originalFilter = filters.find((f) => f.id === draftFilter.id);\n        if (!originalFilter) return null;\n\n        return getAdapter(draftFilter).renderDrawer({\n          originalFilter,\n          draftFilter,\n          onDraftChange: handleDraftChange,\n          requestDateListDialog,\n        });\n      }),\n    [draftFilters, filters, handleDraftChange, requestDateListDialog],\n  );\n\n  const applyFiltering = () => {\n    draftFilters.forEach((draftFilter) => {\n      const value = getAdapter(draftFilter).getValue(draftFilter);\n      updateFilter(draftFilter.id, value, false);\n    });\n\n    onFilterChange?.(draftFilters);\n    setOpen(false);\n  };\n\n  const handleCancel = () => {\n    setOpen(false);\n  };\n\n  const hasHiddenActiveFilters = activeFiltersCount > 0;\n\n  const triggerClasses = cx(\n    styles[\"filter-button-trigger\"],\n    styles[\"filter-drawer-trigger\"],\n    {\n      [styles[\"filter-drawer-trigger--chipped\"]]: hasHiddenActiveFilters,\n    },\n  );\n\n  const dateListDialogTarget = dateListDialogState\n    ? draftFilters.find(\n        (f): f is DateListFilter =>\n          f.id === dateListDialogState.filterId && f.type === \"dateList\",\n      )\n    : undefined;\n  const dateListDialogSelected = dateListDialogTarget?.selectedOption;\n  const dateListDialogInitialValue =\n    dateListDialogSelected &&\n    dateListDialogSelected.id === dateListDialogState?.libraryId &&\n    dateListDialogSelected.value !== null\n      ? dateListDialogSelected.value\n      : undefined;\n\n  return (\n    <>\n      <ButtonToggle\n        data-anv=\"filter-group-drawer-trigger\"\n        icon={{ before: IconTune }}\n        onClick={() => setOpen(true)}\n        className={triggerClasses}\n        checked={open}\n        size={toolbarSize}\n      >\n        Filters\n        {hasHiddenActiveFilters && (\n          <Chip\n            size=\"small\"\n            color=\"#0265DC\"\n            label={activeFiltersCount.toString()}\n          />\n        )}\n      </ButtonToggle>\n\n      <Drawer\n        data-anv=\"filter-group-drawer\"\n        data-testid=\"filter-group-drawer\"\n        open={open}\n        onClose={() => setOpen(false)}\n      >\n        <Drawer.Content>\n          <Flex direction=\"column\" gap={6} grow={1}>\n            {filterForm}\n          </Flex>\n        </Drawer.Content>\n\n        <Drawer.Footer>\n          <Flex\n            justifyContent={\n              hasActiveDraftFilters ? \"space-between\" : \"flex-end\"\n            }\n            grow={1}\n          >\n            {hasActiveDraftFilters && (\n              <Button\n                appearance=\"ghost\"\n                icon={{ before: IconClose }}\n                onClick={clearDraftFilters}\n              >\n                Clear All Filters\n              </Button>\n            )}\n\n            <Flex gap=\"3\">\n              <Button onClick={handleCancel}>Cancel</Button>\n              <Button appearance=\"primary\" onClick={applyFiltering}>\n                Apply\n              </Button>\n            </Flex>\n          </Flex>\n        </Drawer.Footer>\n      </Drawer>\n      <DateListDialog\n        libraryId={dateListDialogState?.libraryId ?? null}\n        parentFilterId={dateListDialogState?.filterId ?? \"\"}\n        initialValue={dateListDialogInitialValue}\n        mode={dateListDialogTarget?.mode}\n        dialogCtaLabel=\"Save\"\n        onCommit={(option) => {\n          if (dateListDialogState) {\n            handleDraftChange(dateListDialogState.filterId, option);\n          }\n          setDateListDialogState(null);\n        }}\n        onCancel={() => setDateListDialogState(null)}\n      />\n    </>\n  );\n};\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from \"react\";\nimport { useMergeRefs } from \"../../../hooks\";\nimport CloseIcon from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { Filter } from \"./internal/types\";\nimport { FilterItemWrapper } from \"./FilterItemWrapper\";\nimport Button from \"../../../components/Button\";\nimport { LayoutUtilProps } from \"../../../types\";\nimport { useContainerQuery, useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport {\n  checkActiveFilters,\n  resetFilters,\n  updateSingleFilter,\n  hasFilterSelectionChanged,\n  preserveFilterState,\n} from \"./internal/utils/filter-state\";\nimport { getAdapter } from \"./internal/adapters\";\nimport { FilterGroupContext } from \"./internal/FilterGroupContext\";\nimport { FilterDrawer } from \"./FilterDrawer\";\nimport { ToolbarContext } from \"../Toolbar/internal/ToolbarContext\";\nimport { ToolbarSize } from \"../Toolbar/types\";\nimport {\n  handleToolbarKeyDown,\n  updateToolbarItemsTabIndex,\n} from \"../Toolbar/internal/utils/accessibility\";\nimport { Flex } from \"../../../components/Flex\";\n\nimport styles from \"./FilterBar.module.scss\";\n\n/**\n * Props for the FilterBar component\n *\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type FilterBarProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /** Array of filter objects */\n    filters: Filter[];\n    /** Description of the content this filter bar is associated with, used for accessibility */\n    associatedContent: string;\n    /** Callback function when filters change */\n    onFilterChange: (filters: Filter[]) => void;\n    /** Whether the filters submission is controlled via an apply button */\n    controlledFiltering?: boolean;\n    /**\n     * Size of filter controls\n     * @default xsmall\n     */\n    size?: ToolbarSize;\n    /**\n     * When true, filters stay inline at every container width instead of\n     * collapsing to drawer-only mode at narrow widths.\n     * @default false\n     */\n    disableCollapse?: boolean;\n  };\n\n/**\n * FilterBar component for displaying a standalone group of filters with toggles and a clear button.\n *\n * Features:\n * - Standalone component with `role=\"toolbar\"` and keyboard navigation\n * - Renders filter toggles and popovers for all filter types\n * - Supports controlled and uncontrolled filtering\n * - Integrates with FilterDrawer for batch filter editing of drawer-only filters\n * - Provides a clear all filters button\n * - Shares filter state via context for child components\n * - Supports boolean, custom, single-select, multi-select, date, and date range filter types\n * - Preserves filter state when filter configuration changes\n * - Responsive: collapses to drawer-only mode below 640px; opt out via `disableCollapse`\n * - Always wraps; never collapses items into an overflow menu\n * - Can be composed alongside Toolbar as a sibling using Flex layout\n *\n * @example\n * <FilterBar\n *   associatedContent=\"invoices\"\n *   filters={filters}\n *   onFilterChange={handleFilter}\n *   controlledFiltering={true}\n * />\n *\n * @example\n * // With Toolbar as sibling\n * <Flex alignItems=\"center\" justifyContent=\"space-between\">\n *   <Toolbar associatedContent=\"invoice actions\">\n *     <Toolbar.Button icon={SaveIcon} aria-label=\"Save\" />\n *   </Toolbar>\n *   <FilterBar\n *     associatedContent=\"invoices\"\n *     filters={filters}\n *     onFilterChange={handleFilter}\n *   />\n * </Flex>\n */\nexport const FilterBar = forwardRef<HTMLDivElement, FilterBarProps>(\n  function FilterBarInner(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      filters: initialFilters,\n      onFilterChange,\n      controlledFiltering = false,\n      associatedContent,\n      size = \"xsmall\",\n      disableCollapse = false,\n      className,\n      style,\n      onKeyDown,\n      ...rest\n    } = componentProps;\n\n    const [filters, setFilters] = useState<Filter[]>(initialFilters);\n    const filterBarRef = useRef<HTMLDivElement>(null);\n    const containerQuery = useContainerQuery(filterBarRef);\n\n    const showInlineFilters =\n      disableCollapse || !!(containerQuery && containerQuery.name !== \"xs\");\n\n    // Update filters when props change\n    useEffect(() => {\n      setFilters((prevFilters) => {\n        const existingFiltersMap = new Map(prevFilters.map((f) => [f.id, f]));\n\n        return initialFilters.map((newFilter: Filter) => {\n          const existingFilter = existingFiltersMap.get(newFilter.id);\n\n          if (!existingFilter) {\n            return newFilter;\n          }\n\n          if (!hasFilterSelectionChanged(existingFilter, newFilter)) {\n            return preserveFilterState(newFilter, existingFilter);\n          }\n\n          return newFilter;\n        });\n      });\n    }, [initialFilters]);\n\n    /**\n     * Updates filter state when a filter is changed\n     *\n     * @param filterId - ID of the filter to update\n     * @param value - New value for the filter\n     * @param submit - Whether to submit the filter change\n     */\n    const updateFilter = useCallback(\n      (filterId: string, value: unknown, submit: boolean) => {\n        setFilters((prevFilters) => {\n          const updatedFilters = updateSingleFilter(\n            prevFilters,\n            filterId,\n            value,\n          );\n\n          if (submit) {\n            onFilterChange?.(updatedFilters);\n          }\n\n          return updatedFilters;\n        });\n      },\n      [onFilterChange],\n    );\n\n    /**\n     * Clears all active filters\n     */\n    const clearAllFilters = () => {\n      const resetAllFilters = resetFilters(filters);\n      setFilters(resetAllFilters);\n      onFilterChange?.(resetAllFilters);\n\n      requestAnimationFrame(() => {\n        if (filterBarRef.current) {\n          const firstFocusable = filterBarRef.current.querySelector(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n          ) as HTMLElement;\n\n          if (firstFocusable) {\n            firstFocusable.focus();\n          }\n        }\n      });\n    };\n\n    const hasActiveFilters = checkActiveFilters(filters);\n\n    const { inlineFilters, drawerOnlyFilters } = useMemo(() => {\n      const inline: Filter[] = [];\n      const drawer: Filter[] = [];\n      for (const f of filters) {\n        (f.drawerOnly ? drawer : inline).push(f);\n      }\n      return { inlineFilters: inline, drawerOnlyFilters: drawer };\n    }, [filters]);\n\n    // The drawer (and its trigger) only exists when at least one filter is\n    // unreachable from the toolbar — either because the container is too\n    // narrow to show inline filters or the filter is configured as drawer-only.\n    const shouldShowDrawer = !showInlineFilters || drawerOnlyFilters.length > 0;\n\n    const filterGroupControls = inlineFilters.map((filter) =>\n      getAdapter(filter).renderBarControl({\n        filter,\n        updateFilter,\n        controlledFiltering,\n      }),\n    );\n\n    // Provide ToolbarContext so filter sub-components read size from FilterBar.\n    // overflow is omitted — it's optional and defaults to wrap behavior.\n    const toolbarContextValue = useMemo(\n      () => ({\n        overflowItems: [],\n        addItem: () => {},\n        removeItem: () => {},\n        toolbarRef: filterBarRef,\n        size,\n      }),\n      [size],\n    );\n\n    const filterGroupContextValue = useMemo(\n      () => ({\n        filterGroupRef: filterBarRef,\n        filters,\n        updateFilter,\n        onFilterChange,\n        controlledFiltering,\n        associatedContent,\n        showInlineFilters,\n        drawerOnlyFilters,\n      }),\n      [\n        filterBarRef,\n        filters,\n        updateFilter,\n        onFilterChange,\n        controlledFiltering,\n        associatedContent,\n        showInlineFilters,\n        drawerOnlyFilters,\n      ],\n    );\n\n    // Initialize tabindex values for keyboard navigation\n    useEffect(() => {\n      if (filterBarRef.current) {\n        updateToolbarItemsTabIndex(filterBarRef.current);\n      }\n    }, [filters]);\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (filterBarRef.current) {\n          handleToolbarKeyDown(event, filterBarRef.current);\n        }\n        onKeyDown?.(event);\n      },\n      [onKeyDown],\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <ToolbarContext.Provider value={toolbarContextValue}>\n        <FilterGroupContext.Provider value={filterGroupContextValue}>\n          <Flex\n            ref={useMergeRefs([filterBarRef, ref])}\n            role=\"toolbar\"\n            aria-label={`Filters for ${associatedContent}. Use arrow keys to navigate through filter controls.`}\n            aria-orientation=\"horizontal\"\n            onKeyDown={handleKeyDown}\n            alignItems=\"center\"\n            gap={1}\n            wrap=\"wrap\"\n            className={className}\n            style={styleCombined}\n            data-anv=\"filter-bar\"\n            {...rest}\n          >\n            <Flex\n              alignItems=\"center\"\n              gap={1}\n              wrap=\"wrap\"\n              grow={1}\n              data-anv=\"toolbar-content\"\n            >\n              {showInlineFilters && filterGroupControls}\n              {shouldShowDrawer && <FilterDrawer />}\n\n              {showInlineFilters && hasActiveFilters && (\n                <FilterItemWrapper>\n                  <Button\n                    appearance=\"ghost\"\n                    size={size}\n                    className={styles[\"filter-button-trigger\"]}\n                    icon={{\n                      before: CloseIcon,\n                    }}\n                    onClick={clearAllFilters}\n                  >\n                    Clear Filters\n                  </Button>\n                </FilterItemWrapper>\n              )}\n            </Flex>\n          </Flex>\n        </FilterGroupContext.Provider>\n      </ToolbarContext.Provider>\n    );\n  },\n);\n\nFilterBar.displayName = \"FilterBar\";\n"],"names":["core.primitive?.BreakpointSm","core.primitive?.BreakpointMd","core.primitive?.BreakpointLg","core.primitive?.BreakpointXl","core.primitive?.BreakpointXxl","IconTune","IconClose","CloseIcon"],"mappings":"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"}

package/dist/FilterBar.js

@@ -1,2 +1,2 @@
-export { F as FilterBar, F as default } from './FilterBar-yysyZ-t1.js';
+export { F as FilterBar, F as default } from './FilterBar-B4ZAs73g.js';
 //# sourceMappingURL=FilterBar.js.map