@mantine/core 9.5.1-alpha.1 → 9.5.2

package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.cjs

@@ -16,6 +16,7 @@ function useFloatingTooltip({ offset, position, defaultOpened }) {
 	const horizontalOffset = placement.includes("right") ? offset : position.includes("left") ? offset * -1 : 0;
 	const verticalOffset = placement.includes("bottom") ? offset : position.includes("top") ? offset * -1 : 0;
 	const handleMouseMove = (0, react.useCallback)(({ clientX, clientY }) => {
+		if (!Number.isFinite(clientX) || !Number.isFinite(clientY)) return;
 		refs.setPositionReference({ getBoundingClientRect() {
 			return {
 				width: 0,

package/cjs/components/Tooltip/TooltipFloating/use-floating-tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-tooltip.cjs","names":[],"sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { getOverflowAncestors, shift, useFloating } from '@floating-ui/react';\nimport { FloatingPosition } from '../../../utils/Floating';\n\ninterface UseFloatingTooltip {\n  offset: number;\n  position: FloatingPosition;\n  defaultOpened?: boolean;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n  offset,\n  position,\n  defaultOpened,\n}: UseFloatingTooltip) {\n  const [opened, setOpened] = useState(defaultOpened);\n  const boundaryRef = useRef<T>(null);\n  const { x, y, elements, refs, update, placement } = useFloating({\n    placement: position,\n    middleware: [\n      shift({\n        crossAxis: true,\n        padding: 5,\n        rootBoundary: 'document',\n      }),\n    ],\n  });\n\n  const horizontalOffset = placement.includes('right')\n    ? offset\n    : position.includes('left')\n      ? offset * -1\n      : 0;\n\n  const verticalOffset = placement.includes('bottom')\n    ? offset\n    : position.includes('top')\n      ? offset * -1\n      : 0;\n\n  const handleMouseMove = useCallback(\n    ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => {\n      refs.setPositionReference({\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: clientX,\n            y: clientY,\n            left: clientX + horizontalOffset,\n            top: clientY + verticalOffset,\n            right: clientX,\n            bottom: clientY,\n          };\n        },\n      });\n    },\n    [elements.reference]\n  );\n\n  useEffect(() => {\n    if (refs.floating.current) {\n      const boundary = boundaryRef.current!;\n      boundary.addEventListener('mousemove', handleMouseMove);\n\n      const parents = getOverflowAncestors(refs.floating.current);\n      parents.forEach((parent) => {\n        parent.addEventListener('scroll', update);\n      });\n\n      return () => {\n        boundary.removeEventListener('mousemove', handleMouseMove);\n        parents.forEach((parent) => {\n          parent.removeEventListener('scroll', update);\n        });\n      };\n    }\n\n    return undefined;\n  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]);\n\n  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };\n}\n"],"mappings":";;;;AAUA,SAAgB,mBAAgD,EAC9D,QACA,UACA,iBACqB;CACrB,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAsB,aAAa;CAClD,MAAM,eAAA,GAAA,MAAA,OAAA,CAAwB,IAAI;CAClC,MAAM,EAAE,GAAG,GAAG,UAAU,MAAM,QAAQ,eAAA,GAAA,mBAAA,YAAA,CAA0B;EAC9D,WAAW;EACX,YAAY,EAAA,GAAA,mBAAA,MAAA,CACJ;GACJ,WAAW;GACX,SAAS;GACT,cAAc;EAChB,CAAC,CACH;CACF,CAAC;CAED,MAAM,mBAAmB,UAAU,SAAS,OAAO,IAC/C,SACA,SAAS,SAAS,MAAM,IACtB,SAAS,KACT;CAEN,MAAM,iBAAiB,UAAU,SAAS,QAAQ,IAC9C,SACA,SAAS,SAAS,KAAK,IACrB,SAAS,KACT;CAEN,MAAM,mBAAA,GAAA,MAAA,YAAA,EACH,EAAE,SAAS,cAA4D;EACtE,KAAK,qBAAqB,EACxB,wBAAwB;GACtB,OAAO;IACL,OAAO;IACP,QAAQ;IACR,GAAG;IACH,GAAG;IACH,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,OAAO;IACP,QAAQ;GACV;EACF,EACF,CAAC;CACH,GACA,CAAC,SAAS,SAAS,CACrB;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,KAAK,SAAS,SAAS;GACzB,MAAM,WAAW,YAAY;GAC7B,SAAS,iBAAiB,aAAa,eAAe;GAEtD,MAAM,WAAA,GAAA,mBAAA,qBAAA,CAA+B,KAAK,SAAS,OAAO;GAC1D,QAAQ,SAAS,WAAW;IAC1B,OAAO,iBAAiB,UAAU,MAAM;GAC1C,CAAC;GAED,aAAa;IACX,SAAS,oBAAoB,aAAa,eAAe;IACzD,QAAQ,SAAS,WAAW;KAC1B,OAAO,oBAAoB,UAAU,MAAM;IAC7C,CAAC;GACH;EACF;CAGF,GAAG;EAAC,SAAS;EAAW,KAAK,SAAS;EAAS;EAAQ;EAAiB;CAAM,CAAC;CAE/E,OAAO;EAAE;EAAiB;EAAG;EAAG;EAAQ;EAAW;EAAa,UAAU,KAAK;CAAY;AAC7F"}
+{"version":3,"file":"use-floating-tooltip.cjs","names":[],"sources":["../../../../src/components/Tooltip/TooltipFloating/use-floating-tooltip.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { getOverflowAncestors, shift, useFloating } from '@floating-ui/react';\nimport { FloatingPosition } from '../../../utils/Floating';\n\ninterface UseFloatingTooltip {\n  offset: number;\n  position: FloatingPosition;\n  defaultOpened?: boolean;\n}\n\nexport function useFloatingTooltip<T extends HTMLElement = any>({\n  offset,\n  position,\n  defaultOpened,\n}: UseFloatingTooltip) {\n  const [opened, setOpened] = useState(defaultOpened);\n  const boundaryRef = useRef<T>(null);\n  const { x, y, elements, refs, update, placement } = useFloating({\n    placement: position,\n    middleware: [\n      shift({\n        crossAxis: true,\n        padding: 5,\n        rootBoundary: 'document',\n      }),\n    ],\n  });\n\n  const horizontalOffset = placement.includes('right')\n    ? offset\n    : position.includes('left')\n      ? offset * -1\n      : 0;\n\n  const verticalOffset = placement.includes('bottom')\n    ? offset\n    : position.includes('top')\n      ? offset * -1\n      : 0;\n\n  const handleMouseMove = useCallback(\n    ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => {\n      if (!Number.isFinite(clientX) || !Number.isFinite(clientY)) {\n        return;\n      }\n\n      refs.setPositionReference({\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: clientX,\n            y: clientY,\n            left: clientX + horizontalOffset,\n            top: clientY + verticalOffset,\n            right: clientX,\n            bottom: clientY,\n          };\n        },\n      });\n    },\n    [elements.reference]\n  );\n\n  useEffect(() => {\n    if (refs.floating.current) {\n      const boundary = boundaryRef.current!;\n      boundary.addEventListener('mousemove', handleMouseMove);\n\n      const parents = getOverflowAncestors(refs.floating.current);\n      parents.forEach((parent) => {\n        parent.addEventListener('scroll', update);\n      });\n\n      return () => {\n        boundary.removeEventListener('mousemove', handleMouseMove);\n        parents.forEach((parent) => {\n          parent.removeEventListener('scroll', update);\n        });\n      };\n    }\n\n    return undefined;\n  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]);\n\n  return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };\n}\n"],"mappings":";;;;AAUA,SAAgB,mBAAgD,EAC9D,QACA,UACA,iBACqB;CACrB,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAsB,aAAa;CAClD,MAAM,eAAA,GAAA,MAAA,OAAA,CAAwB,IAAI;CAClC,MAAM,EAAE,GAAG,GAAG,UAAU,MAAM,QAAQ,eAAA,GAAA,mBAAA,YAAA,CAA0B;EAC9D,WAAW;EACX,YAAY,EAAA,GAAA,mBAAA,MAAA,CACJ;GACJ,WAAW;GACX,SAAS;GACT,cAAc;EAChB,CAAC,CACH;CACF,CAAC;CAED,MAAM,mBAAmB,UAAU,SAAS,OAAO,IAC/C,SACA,SAAS,SAAS,MAAM,IACtB,SAAS,KACT;CAEN,MAAM,iBAAiB,UAAU,SAAS,QAAQ,IAC9C,SACA,SAAS,SAAS,KAAK,IACrB,SAAS,KACT;CAEN,MAAM,mBAAA,GAAA,MAAA,YAAA,EACH,EAAE,SAAS,cAA4D;EACtE,IAAI,CAAC,OAAO,SAAS,OAAO,KAAK,CAAC,OAAO,SAAS,OAAO,GACvD;EAGF,KAAK,qBAAqB,EACxB,wBAAwB;GACtB,OAAO;IACL,OAAO;IACP,QAAQ;IACR,GAAG;IACH,GAAG;IACH,MAAM,UAAU;IAChB,KAAK,UAAU;IACf,OAAO;IACP,QAAQ;GACV;EACF,EACF,CAAC;CACH,GACA,CAAC,SAAS,SAAS,CACrB;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,KAAK,SAAS,SAAS;GACzB,MAAM,WAAW,YAAY;GAC7B,SAAS,iBAAiB,aAAa,eAAe;GAEtD,MAAM,WAAA,GAAA,mBAAA,qBAAA,CAA+B,KAAK,SAAS,OAAO;GAC1D,QAAQ,SAAS,WAAW;IAC1B,OAAO,iBAAiB,UAAU,MAAM;GAC1C,CAAC;GAED,aAAa;IACX,SAAS,oBAAoB,aAAa,eAAe;IACzD,QAAQ,SAAS,WAAW;KAC1B,OAAO,oBAAoB,UAAU,MAAM;IAC7C,CAAC;GACH;EACF;CAGF,GAAG;EAAC,SAAS;EAAW,KAAK,SAAS;EAAS;EAAQ;EAAiB;CAAM,CAAC;CAE/E,OAAO;EAAE;EAAiB;EAAG;EAAG;EAAQ;EAAW;EAAa,UAAU,KAAK;CAAY;AAC7F"}

package/cjs/components/Tooltip/use-tooltip.cjs

@@ -55,7 +55,8 @@ function useTooltip(settings) {
 				open: settings.openDelay,
 				close: settings.closeDelay
 			},
-			mouseOnly: !settings.events?.touch
+			mouseOnly: !settings.events?.touch,
+			handleClose: settings.interactive ? (0, _floating_ui_react.safePolygon)() : null
 		}),
 		(0, _floating_ui_react.useFocus)(context, {
 			enabled: settings.events?.focus,

package/cjs/components/Tooltip/use-tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-tooltip.cjs","names":["TooltipGroupContext","autoUpdate"],"sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { use, useCallback, useRef, useState } from 'react';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  inline,\n  offset,\n  shift,\n  useDelayGroup,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  type Middleware,\n} from '@floating-ui/react';\nimport { useId, useIsomorphicEffect } from '@mantine/hooks';\nimport { FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../../utils/Floating';\nimport { type TooltipMiddlewares } from './Tooltip.types';\nimport { TooltipGroupContext } from './TooltipGroup/TooltipGroup';\n\ninterface UseTooltip {\n  position: FloatingPosition;\n  closeDelay?: number;\n  openDelay?: number;\n  onPositionChange?: (position: FloatingPosition) => void;\n  opened?: boolean;\n  defaultOpened?: boolean;\n  offset: number | FloatingAxesOffsets;\n  arrowRef?: React.RefObject<HTMLDivElement | null>;\n  arrowOffset?: number;\n  events?: { hover: boolean; focus: boolean; touch: boolean };\n  inline?: boolean;\n  strategy?: FloatingStrategy;\n  middlewares?: TooltipMiddlewares;\n}\n\nfunction getDefaultMiddlewares(middlewares: TooltipMiddlewares | undefined): TooltipMiddlewares {\n  if (middlewares === undefined) {\n    return { shift: true, flip: true };\n  }\n\n  const result = { ...middlewares };\n  if (middlewares.shift === undefined) {\n    result.shift = true;\n  }\n\n  if (middlewares.flip === undefined) {\n    result.flip = true;\n  }\n\n  return result;\n}\n\nfunction getTooltipMiddlewares(settings: UseTooltip) {\n  const middlewaresOptions = getDefaultMiddlewares(settings.middlewares);\n  const middlewares: Middleware[] = [offset(settings.offset)];\n\n  if (middlewaresOptions.shift) {\n    middlewares.push(\n      shift(\n        typeof middlewaresOptions.shift === 'boolean'\n          ? { padding: 8 }\n          : { padding: 8, ...middlewaresOptions.shift }\n      )\n    );\n  }\n\n  if (middlewaresOptions.flip) {\n    middlewares.push(\n      typeof middlewaresOptions.flip === 'boolean' ? flip() : flip(middlewaresOptions.flip)\n    );\n  }\n\n  middlewares.push(arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }));\n\n  if (middlewaresOptions.inline) {\n    middlewares.push(\n      typeof middlewaresOptions.inline === 'boolean' ? inline() : inline(middlewaresOptions.inline)\n    );\n  } else if (settings.inline) {\n    middlewares.push(inline());\n  }\n\n  return middlewares;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n  const [uncontrolledOpened, setUncontrolledOpened] = useState(settings.defaultOpened);\n  const controlled = typeof settings.opened === 'boolean';\n  const opened = controlled ? settings.opened : uncontrolledOpened;\n  const withinGroup = use(TooltipGroupContext).withinGroup;\n  const uid = useId();\n\n  const onChange = useCallback(\n    (_opened: boolean) => {\n      setUncontrolledOpened(_opened);\n\n      if (_opened) {\n        setCurrentId(uid);\n      }\n    },\n    [uid]\n  );\n\n  const {\n    x,\n    y,\n    context,\n    refs,\n    placement,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n  } = useFloating({\n    strategy: settings.strategy,\n    placement: settings.position,\n    open: opened,\n    onOpenChange: onChange,\n    middleware: getTooltipMiddlewares(settings),\n    whileElementsMounted: autoUpdate,\n  });\n\n  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroup(context, { id: uid });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      enabled: settings.events?.hover,\n      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n      mouseOnly: !settings.events?.touch,\n    }),\n    useFocus(context, { enabled: settings.events?.focus, visibleOnly: true }),\n    useRole(context, { role: 'tooltip' }),\n    // Cannot be used with controlled tooltip, page jumps\n    useDismiss(context, { enabled: typeof settings.opened === 'undefined' }),\n  ]);\n\n  const previousPlacementRef = useRef(placement);\n  useIsomorphicEffect(() => {\n    if (previousPlacementRef.current !== placement) {\n      previousPlacementRef.current = placement;\n      settings.onPositionChange?.(placement);\n    }\n  }, [placement]);\n\n  const isGroupPhase = opened && currentId && currentId !== uid;\n\n  return {\n    x,\n    y,\n    arrowX,\n    arrowY,\n    reference: refs.setReference,\n    floating: refs.setFloating,\n    getFloatingProps,\n    getReferenceProps,\n    isGroupPhase,\n    opened,\n    placement,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-tooltip.cjs","names":["TooltipGroupContext","autoUpdate"],"sources":["../../../src/components/Tooltip/use-tooltip.ts"],"sourcesContent":["import { use, useCallback, useRef, useState } from 'react';\nimport {\n  arrow,\n  autoUpdate,\n  flip,\n  inline,\n  offset,\n  safePolygon,\n  shift,\n  useDelayGroup,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n  type Middleware,\n} from '@floating-ui/react';\nimport { useId, useIsomorphicEffect } from '@mantine/hooks';\nimport { FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../../utils/Floating';\nimport { type TooltipMiddlewares } from './Tooltip.types';\nimport { TooltipGroupContext } from './TooltipGroup/TooltipGroup';\n\ninterface UseTooltip {\n  position: FloatingPosition;\n  closeDelay?: number;\n  openDelay?: number;\n  onPositionChange?: (position: FloatingPosition) => void;\n  opened?: boolean;\n  defaultOpened?: boolean;\n  offset: number | FloatingAxesOffsets;\n  arrowRef?: React.RefObject<HTMLDivElement | null>;\n  arrowOffset?: number;\n  events?: { hover: boolean; focus: boolean; touch: boolean };\n  interactive?: boolean;\n  inline?: boolean;\n  strategy?: FloatingStrategy;\n  middlewares?: TooltipMiddlewares;\n}\n\nfunction getDefaultMiddlewares(middlewares: TooltipMiddlewares | undefined): TooltipMiddlewares {\n  if (middlewares === undefined) {\n    return { shift: true, flip: true };\n  }\n\n  const result = { ...middlewares };\n  if (middlewares.shift === undefined) {\n    result.shift = true;\n  }\n\n  if (middlewares.flip === undefined) {\n    result.flip = true;\n  }\n\n  return result;\n}\n\nfunction getTooltipMiddlewares(settings: UseTooltip) {\n  const middlewaresOptions = getDefaultMiddlewares(settings.middlewares);\n  const middlewares: Middleware[] = [offset(settings.offset)];\n\n  if (middlewaresOptions.shift) {\n    middlewares.push(\n      shift(\n        typeof middlewaresOptions.shift === 'boolean'\n          ? { padding: 8 }\n          : { padding: 8, ...middlewaresOptions.shift }\n      )\n    );\n  }\n\n  if (middlewaresOptions.flip) {\n    middlewares.push(\n      typeof middlewaresOptions.flip === 'boolean' ? flip() : flip(middlewaresOptions.flip)\n    );\n  }\n\n  middlewares.push(arrow({ element: settings.arrowRef!, padding: settings.arrowOffset }));\n\n  if (middlewaresOptions.inline) {\n    middlewares.push(\n      typeof middlewaresOptions.inline === 'boolean' ? inline() : inline(middlewaresOptions.inline)\n    );\n  } else if (settings.inline) {\n    middlewares.push(inline());\n  }\n\n  return middlewares;\n}\n\nexport function useTooltip(settings: UseTooltip) {\n  const [uncontrolledOpened, setUncontrolledOpened] = useState(settings.defaultOpened);\n  const controlled = typeof settings.opened === 'boolean';\n  const opened = controlled ? settings.opened : uncontrolledOpened;\n  const withinGroup = use(TooltipGroupContext).withinGroup;\n  const uid = useId();\n\n  const onChange = useCallback(\n    (_opened: boolean) => {\n      setUncontrolledOpened(_opened);\n\n      if (_opened) {\n        setCurrentId(uid);\n      }\n    },\n    [uid]\n  );\n\n  const {\n    x,\n    y,\n    context,\n    refs,\n    placement,\n    middlewareData: { arrow: { x: arrowX, y: arrowY } = {} },\n  } = useFloating({\n    strategy: settings.strategy,\n    placement: settings.position,\n    open: opened,\n    onOpenChange: onChange,\n    middleware: getTooltipMiddlewares(settings),\n    whileElementsMounted: autoUpdate,\n  });\n\n  const { delay: groupDelay, currentId, setCurrentId } = useDelayGroup(context, { id: uid });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    useHover(context, {\n      enabled: settings.events?.hover,\n      delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n      mouseOnly: !settings.events?.touch,\n      handleClose: settings.interactive ? safePolygon() : null,\n    }),\n    useFocus(context, { enabled: settings.events?.focus, visibleOnly: true }),\n    useRole(context, { role: 'tooltip' }),\n    // Cannot be used with controlled tooltip, page jumps\n    useDismiss(context, { enabled: typeof settings.opened === 'undefined' }),\n  ]);\n\n  const previousPlacementRef = useRef(placement);\n  useIsomorphicEffect(() => {\n    if (previousPlacementRef.current !== placement) {\n      previousPlacementRef.current = placement;\n      settings.onPositionChange?.(placement);\n    }\n  }, [placement]);\n\n  const isGroupPhase = opened && currentId && currentId !== uid;\n\n  return {\n    x,\n    y,\n    arrowX,\n    arrowY,\n    reference: refs.setReference,\n    floating: refs.setFloating,\n    getFloatingProps,\n    getReferenceProps,\n    isGroupPhase,\n    opened,\n    placement,\n  };\n}\n"],"mappings":";;;;;;AAwCA,SAAS,sBAAsB,aAAiE;CAC9F,IAAI,gBAAgB,KAAA,GAClB,OAAO;EAAE,OAAO;EAAM,MAAM;CAAK;CAGnC,MAAM,SAAS,EAAE,GAAG,YAAY;CAChC,IAAI,YAAY,UAAU,KAAA,GACxB,OAAO,QAAQ;CAGjB,IAAI,YAAY,SAAS,KAAA,GACvB,OAAO,OAAO;CAGhB,OAAO;AACT;AAEA,SAAS,sBAAsB,UAAsB;CACnD,MAAM,qBAAqB,sBAAsB,SAAS,WAAW;CACrE,MAAM,cAA4B,EAAA,GAAA,mBAAA,OAAA,CAAQ,SAAS,MAAM,CAAC;CAE1D,IAAI,mBAAmB,OACrB,YAAY,MAAA,GAAA,mBAAA,MAAA,CAER,OAAO,mBAAmB,UAAU,YAChC,EAAE,SAAS,EAAE,IACb;EAAE,SAAS;EAAG,GAAG,mBAAmB;CAAM,CAChD,CACF;CAGF,IAAI,mBAAmB,MACrB,YAAY,KACV,OAAO,mBAAmB,SAAS,aAAA,GAAA,mBAAA,KAAA,CAAiB,KAAA,GAAA,mBAAA,KAAA,CAAS,mBAAmB,IAAI,CACtF;CAGF,YAAY,MAAA,GAAA,mBAAA,MAAA,CAAW;EAAE,SAAS,SAAS;EAAW,SAAS,SAAS;CAAY,CAAC,CAAC;CAEtF,IAAI,mBAAmB,QACrB,YAAY,KACV,OAAO,mBAAmB,WAAW,aAAA,GAAA,mBAAA,OAAA,CAAmB,KAAA,GAAA,mBAAA,OAAA,CAAW,mBAAmB,MAAM,CAC9F;MACK,IAAI,SAAS,QAClB,YAAY,MAAA,GAAA,mBAAA,OAAA,CAAY,CAAC;CAG3B,OAAO;AACT;AAEA,SAAgB,WAAW,UAAsB;CAC/C,MAAM,CAAC,oBAAoB,0BAAA,GAAA,MAAA,SAAA,CAAkC,SAAS,aAAa;CAEnF,MAAM,SADa,OAAO,SAAS,WAAW,YAClB,SAAS,SAAS;CAC9C,MAAM,eAAA,GAAA,MAAA,IAAA,CAAkBA,qBAAAA,mBAAmB,CAAC,CAAC;CAC7C,MAAM,OAAA,GAAA,eAAA,MAAA,CAAY;CAElB,MAAM,YAAA,GAAA,MAAA,YAAA,EACH,YAAqB;EACpB,sBAAsB,OAAO;EAE7B,IAAI,SACF,aAAa,GAAG;CAEpB,GACA,CAAC,GAAG,CACN;CAEA,MAAM,EACJ,GACA,GACA,SACA,MACA,WACA,gBAAgB,EAAE,OAAO,EAAE,GAAG,QAAQ,GAAG,WAAW,CAAC,SAAA,GAAA,mBAAA,YAAA,CACvC;EACd,UAAU,SAAS;EACnB,WAAW,SAAS;EACpB,MAAM;EACN,cAAc;EACd,YAAY,sBAAsB,QAAQ;EAC1C,sBAAsBC,mBAAAA;CACxB,CAAC;CAED,MAAM,EAAE,OAAO,YAAY,WAAW,kBAAA,GAAA,mBAAA,cAAA,CAA+B,SAAS,EAAE,IAAI,IAAI,CAAC;CAEzF,MAAM,EAAE,mBAAmB,sBAAA,GAAA,mBAAA,gBAAA,CAAqC;mCACrD,SAAS;GAChB,SAAS,SAAS,QAAQ;GAC1B,OAAO,cAAc,aAAa;IAAE,MAAM,SAAS;IAAW,OAAO,SAAS;GAAW;GACzF,WAAW,CAAC,SAAS,QAAQ;GAC7B,aAAa,SAAS,eAAA,GAAA,mBAAA,YAAA,CAA0B,IAAI;EACtD,CAAC;mCACQ,SAAS;GAAE,SAAS,SAAS,QAAQ;GAAO,aAAa;EAAK,CAAC;kCAChE,SAAS,EAAE,MAAM,UAAU,CAAC;qCAEzB,SAAS,EAAE,SAAS,OAAO,SAAS,WAAW,YAAY,CAAC;CACzE,CAAC;CAED,MAAM,wBAAA,GAAA,MAAA,OAAA,CAA8B,SAAS;CAC7C,CAAA,GAAA,eAAA,oBAAA,OAA0B;EACxB,IAAI,qBAAqB,YAAY,WAAW;GAC9C,qBAAqB,UAAU;GAC/B,SAAS,mBAAmB,SAAS;EACvC;CACF,GAAG,CAAC,SAAS,CAAC;CAEd,MAAM,eAAe,UAAU,aAAa,cAAc;CAE1D,OAAO;EACL;EACA;EACA;EACA;EACA,WAAW,KAAK;EAChB,UAAU,KAAK;EACf;EACA;EACA;EACA;EACA;CACF;AACF"}

package/cjs/components/TreeSelect/TreeSelect.cjs

@@ -8,6 +8,7 @@ const require_ScrollArea = require("../ScrollArea/ScrollArea.cjs");
 const require_InputBase = require("../InputBase/InputBase.cjs");
 const require_use_combobox = require("../Combobox/use-combobox/use-combobox.cjs");
 const require_Combobox = require("../Combobox/Combobox.cjs");
+const require_is_external_input_change = require("../Combobox/is-external-input-change/is-external-input-change.cjs");
 const require_Pill = require("../Pill/Pill.cjs");
 const require_PillsInput = require("../PillsInput/PillsInput.cjs");
 const require_get_children_nodes_values = require("../Tree/get-children-nodes-values/get-children-nodes-values.cjs");
@@ -485,6 +486,7 @@ const TreeSelect = require_factory.genericFactory((_props) => {
 						onKeyDown: handleKeyDown,
 						value: _searchValue,
 						onChange: (event) => {
+							if (require_is_external_input_change.isExternalInputChange(event)) return;
 							handleSearchChange(event.currentTarget.value);
 							if (searchable) combobox.openDropdown();
 						},
@@ -538,6 +540,7 @@ const TreeSelect = require_factory.genericFactory((_props) => {
 				readOnly: readOnly || !searchable,
 				value: searchable ? _searchValue : singleDisplayLabel,
 				onChange: (event) => {
+					if (require_is_external_input_change.isExternalInputChange(event)) return;
 					handleSearchChange(event.currentTarget.value);
 					combobox.openDropdown();
 				},

package/cjs/components/TreeSelect/TreeSelect.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.cjs","names":["genericFactory","useProps","useCombobox","getTreeExpandedState","findTreeNode","expandToLeafChecked","filterTreeData","flattenTreeSelectData","useStyles","useResolvedStylesApi","extractStyleProps","isNodeChecked","getChildrenNodesValues","checkedToValue","Combobox","Pill","isNodeIndeterminate","TreeSelectOption","classes","ScrollArea","PillsInput","InputBase"],"sources":["../../../src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  genericFactory,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { Combobox, ComboboxLikeStylesNames, useCombobox } from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Pill } from '../Pill';\nimport { PillsInput } from '../PillsInput';\nimport { ScrollArea, ScrollAreaProps } from '../ScrollArea';\nimport type { TreeNodeData } from '../Tree';\nimport { filterTreeData } from '../Tree/filter-tree-data/filter-tree-data';\nimport {\n  findTreeNode,\n  getChildrenNodesValues,\n} from '../Tree/get-children-nodes-values/get-children-nodes-values';\nimport { isNodeChecked } from '../Tree/is-node-checked/is-node-checked';\nimport { isNodeIndeterminate } from '../Tree/is-node-indeterminate/is-node-indeterminate';\nimport { getTreeExpandedState, TreeExpandedState } from '../Tree/use-tree';\nimport { flattenTreeSelectData } from './flatten-tree-select-data';\nimport {\n  CheckedStrategy,\n  checkedToValue,\n  expandToLeafChecked,\n} from './get-checked-values-by-strategy';\nimport {\n  TreeSelectChevronAriaLabels,\n  TreeSelectOption,\n  TreeSelectRenderNodePayload,\n} from './TreeSelectOption';\nimport classes from './TreeSelect.module.css';\n\nexport type TreeSelectStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'pill'\n  | 'pillsList'\n  | 'inputField';\n\nexport type TreeSelectMode = 'single' | 'multiple' | 'checkbox';\n\nexport type TreeSelectValue<Mode extends TreeSelectMode> = Mode extends 'single'\n  ? string | null\n  : string[];\n\nexport interface TreeSelectProps<Mode extends TreeSelectMode = 'single'>\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<TreeSelectFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Tree data */\n  data: TreeNodeData[];\n\n  /** Selection mode: 'single', 'multiple', or 'checkbox' (with cascade) @default 'single' */\n  mode?: Mode;\n\n  /** Controlled value */\n  value?: TreeSelectValue<Mode>;\n\n  /** Default value */\n  defaultValue?: TreeSelectValue<Mode>;\n\n  /** Called when value changes */\n  onChange?: (value: TreeSelectValue<Mode>) => void;\n\n  /** Disables parent-child cascade in checkbox mode @default false */\n  checkStrictly?: boolean;\n\n  /** Controls which checked nodes appear in value/pills in checkbox mode @default 'child' */\n  checkedStrategy?: CheckedStrategy;\n\n  /** Default expanded node values */\n  defaultExpandedValues?: string[];\n\n  /** Expand all nodes by default @default false */\n  defaultExpandAll?: boolean;\n\n  /** Controlled expanded state */\n  expandedValues?: string[];\n\n  /** Called when expanded state changes */\n  onExpandedChange?: (values: string[]) => void;\n\n  /** Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand. @default false */\n  expandOnClick?: boolean;\n\n  /** Enables search filtering @default false */\n  searchable?: boolean;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Default search value */\n  defaultSearchValue?: string;\n\n  /** Called when search changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Custom filter function */\n  filter?: (query: string, node: TreeNodeData) => boolean;\n\n  /** Message when no nodes match search */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Allows deselecting in single mode @default true */\n  allowDeselect?: boolean;\n\n  /** Shows clear button @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props for the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Maximum selectable values (multiple/checkbox mode) */\n  maxValues?: number;\n\n  /** Maximum displayed pills before \"+N more\" */\n  maxDisplayedValues?: number;\n\n  /** Content shown when values overflow maxDisplayedValues */\n  maxDisplayedValuesContent?: React.ReactNode | ((overflow: number) => React.ReactNode);\n\n  /** Called with removed value in multiple/checkbox mode */\n  onRemove?: (value: string) => void;\n\n  /** Called when clear button is clicked */\n  onClear?: () => void;\n\n  /** Custom node rendering in the dropdown */\n  renderNode?: (payload: TreeSelectRenderNodePayload) => React.ReactNode;\n\n  /** Show tree connection lines between parent and child nodes @default true */\n  withLines?: boolean;\n\n  /** Props for the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Divider for hidden input values @default ',' */\n  hiddenInputValuesDivider?: string;\n\n  /** Props for the ScrollArea in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls the default chevron color */\n  chevronColor?: MantineColor;\n\n  /** Max dropdown height @default 220 */\n  maxDropdownHeight?: number | string;\n\n  /** Controlled dropdown state */\n  dropdownOpened?: boolean;\n\n  /** Default dropdown state */\n  defaultDropdownOpened?: boolean;\n\n  /** Called when dropdown opens */\n  onDropdownOpen?: () => void;\n\n  /** Called when dropdown closes */\n  onDropdownClose?: () => void;\n\n  /** Props passed to the underlying Combobox */\n  comboboxProps?: Record<string, any>;\n\n  /** Clear search on selection change @default true */\n  clearSearchOnChange?: boolean;\n\n  /** Opens dropdown on focus (searchable mode) @default true */\n  openOnFocus?: boolean;\n\n  /** aria-label values for the expand/collapse chevron button */\n  chevronAriaLabels?: TreeSelectChevronAriaLabels;\n}\n\nexport type TreeSelectFactory = Factory<{\n  props: TreeSelectProps;\n  ref: HTMLInputElement;\n  stylesNames: TreeSelectStylesNames;\n  variant: InputVariant;\n  signature: <Mode extends TreeSelectMode = 'single'>(\n    props: TreeSelectProps<Mode>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  mode: 'single',\n  allowDeselect: true,\n  checkedStrategy: 'child',\n  maxValues: Infinity,\n  hiddenInputValuesDivider: ',',\n  clearSearchOnChange: true,\n  openOnFocus: true,\n  size: 'sm',\n  withLines: true,\n} satisfies Partial<TreeSelectProps<TreeSelectMode>>;\n\nconst clearSectionOffset: Record<string, number> = {\n  xs: 41,\n  sm: 50,\n  md: 60,\n  lg: 72,\n  xl: 89,\n};\n\nfunction getAncestorsToNode(value: string, nodes: TreeNodeData[]): string[] | null {\n  for (const node of nodes) {\n    if (node.value === value) {\n      return [];\n    }\n    if (Array.isArray(node.children)) {\n      const path = getAncestorsToNode(value, node.children);\n      if (path !== null) {\n        return [node.value, ...path];\n      }\n    }\n  }\n  return null;\n}\n\nexport const TreeSelect = genericFactory<TreeSelectFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'TreeSelect'], defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    data,\n    mode,\n    value,\n    defaultValue,\n    onChange,\n    checkStrictly,\n    checkedStrategy,\n    defaultExpandedValues,\n    defaultExpandAll,\n    expandedValues,\n    onExpandedChange,\n    expandOnClick,\n    searchable,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    filter,\n    nothingFoundMessage,\n    allowDeselect,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    maxValues,\n    maxDisplayedValues,\n    maxDisplayedValuesContent,\n    onRemove,\n    onClear,\n    renderNode,\n    withLines,\n    hiddenInputProps,\n    hiddenInputValuesDivider,\n    scrollAreaProps,\n    chevronColor,\n    maxDropdownHeight,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    comboboxProps,\n    clearSearchOnChange,\n    openOnFocus,\n    chevronAriaLabels,\n    variant,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onClick,\n    readOnly,\n    disabled,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    successProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    success,\n    withErrorStyles,\n    withSuccessStyles,\n    name,\n    form,\n    id,\n    placeholder,\n    required,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const isMulti = mode === 'multiple' || mode === 'checkbox';\n  const isCheckbox = mode === 'checkbox';\n  const _id = useId(id);\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      combobox.updateSelectedOptionIndex('active', { scrollIntoView: true });\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      combobox.resetSelectedOption();\n    },\n  });\n\n  const initialExpanded = useMemo(() => {\n    if (defaultExpandAll) {\n      return getTreeExpandedState(data, '*');\n    }\n    if (defaultExpandedValues) {\n      return getTreeExpandedState(data, defaultExpandedValues);\n    }\n    return getTreeExpandedState(data, []);\n  }, []);\n\n  const expandedToRecord = useCallback(\n    (values: string[] | undefined): TreeExpandedState | undefined => {\n      if (!values) {\n        return undefined;\n      }\n      return getTreeExpandedState(data, values);\n    },\n    [data]\n  );\n\n  const [_expandedState, setExpandedState] = useUncontrolled<TreeExpandedState>({\n    value: expandedToRecord(expandedValues),\n    defaultValue: initialExpanded,\n    finalValue: {},\n    onChange: (val) => {\n      if (onExpandedChange) {\n        onExpandedChange(\n          Object.entries(val)\n            .filter(([, v]) => v)\n            .map(([k]) => k)\n        );\n      }\n    },\n  });\n\n  const toggleExpand = useCallback(\n    (nodeValue: string) => {\n      setExpandedState({ ..._expandedState, [nodeValue]: !_expandedState[nodeValue] });\n    },\n    [_expandedState]\n  );\n\n  const initialSearchValue = useMemo(() => {\n    if (mode !== 'single' || !defaultValue) {\n      return '';\n    }\n    const node = findTreeNode(defaultValue as string, data);\n    return node ? (typeof node.label === 'string' ? node.label : '') : '';\n  }, []);\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: initialSearchValue,\n    onChange: onSearchChange,\n  });\n\n  const handleSearchChange = (val: string) => {\n    setSearchValue(val);\n    combobox.resetSelectedOption();\n  };\n\n  const [_value, setValue] = useUncontrolled({\n    value: value as any,\n    defaultValue: defaultValue as any,\n    finalValue: isMulti ? [] : null,\n    onChange,\n  });\n\n  const internalChecked = useMemo(() => {\n    if (!isCheckbox || !_value || !Array.isArray(_value)) {\n      return [];\n    }\n    if (checkStrictly) {\n      return _value;\n    }\n    return expandToLeafChecked(_value, data);\n  }, [isCheckbox, _value, data, checkStrictly]);\n\n  const filteredData = useMemo(() => {\n    if (!searchable || !_searchValue) {\n      return data;\n    }\n    if (mode === 'single' && _value) {\n      const node = findTreeNode(_value as string, data);\n      if (node && _searchValue === (typeof node.label === 'string' ? node.label : '')) {\n        return data;\n      }\n    }\n    return filterTreeData(data, _searchValue, filter);\n  }, [data, _searchValue, filter, searchable, mode, _value]);\n\n  const expandedForRender = useMemo(() => {\n    if (_searchValue && filteredData !== data) {\n      const expanded = { ..._expandedState };\n      const expandFilteredParents = (nodes: TreeNodeData[]) => {\n        for (const node of nodes) {\n          if (Array.isArray(node.children) && node.children.length > 0) {\n            expanded[node.value] = true;\n            expandFilteredParents(node.children);\n          }\n        }\n      };\n      expandFilteredParents(filteredData);\n      return expanded;\n    }\n    return _expandedState;\n  }, [filteredData, _expandedState, _searchValue, data]);\n\n  const flatNodes = useMemo(\n    () => flattenTreeSelectData(filteredData, expandedForRender),\n    [filteredData, expandedForRender]\n  );\n\n  const flatNodesRef = useRef(flatNodes);\n  flatNodesRef.current = flatNodes;\n\n  const nodeLookup = useMemo(() => {\n    const lookup: Record<string, TreeNodeData> = {};\n    const walk = (nodes: TreeNodeData[]) => {\n      for (const node of nodes) {\n        lookup[node.value] = node;\n        if (Array.isArray(node.children)) {\n          walk(node.children);\n        }\n      }\n    };\n    walk(data);\n    return lookup;\n  }, [data]);\n\n  const getNodeLabel = (nodeValue: string): string => {\n    const node = nodeLookup[nodeValue];\n    if (!node) {\n      return nodeValue;\n    }\n    return typeof node.label === 'string' ? node.label : nodeValue;\n  };\n\n  const getStyles = useStyles<TreeSelectFactory>({\n    name: 'TreeSelect',\n    classes: {} as any,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TreeSelectFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const handleOptionSubmit = (val: string) => {\n    if (mode === 'single') {\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          toggleExpand(val);\n          return;\n        }\n      }\n      const nextValue = allowDeselect && val === _value ? null : val;\n      setValue(nextValue);\n      combobox.closeDropdown();\n      if (clearSearchOnChange) {\n        handleSearchChange(nextValue ? getNodeLabel(nextValue) : '');\n      }\n    } else if (mode === 'multiple') {\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          toggleExpand(val);\n          return;\n        }\n      }\n      const arr = (_value as string[]) || [];\n      if (arr.includes(val)) {\n        setValue(arr.filter((v: string) => v !== val));\n        onRemove?.(val);\n      } else if (arr.length < (maxValues ?? Infinity)) {\n        setValue([...arr, val]);\n      } else {\n        return;\n      }\n      if (clearSearchOnChange) {\n        setSearchValue('');\n      }\n    } else if (mode === 'checkbox') {\n      const nodeChecked = checkStrictly\n        ? internalChecked.includes(val)\n        : isNodeChecked(val, data, internalChecked);\n\n      let newInternalChecked: string[];\n      if (checkStrictly) {\n        newInternalChecked = nodeChecked\n          ? internalChecked.filter((v) => v !== val)\n          : [...internalChecked, val];\n      } else {\n        const childLeaves = getChildrenNodesValues(val, data);\n        if (nodeChecked) {\n          newInternalChecked = internalChecked.filter((v) => !childLeaves.includes(v));\n        } else {\n          newInternalChecked = [...new Set([...internalChecked, ...childLeaves])];\n        }\n      }\n\n      const newValue = checkedToValue(newInternalChecked, data, checkedStrategy!);\n      if (!nodeChecked && newValue.length > (maxValues ?? Infinity)) {\n        return;\n      }\n      setValue(newValue);\n      if (clearSearchOnChange) {\n        setSearchValue('');\n      }\n\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          if (!_expandedState[val]) {\n            toggleExpand(val);\n          }\n        }\n      }\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.key === ' ' && !searchable && isMulti) {\n      event.preventDefault();\n      combobox.toggleDropdown();\n    }\n\n    if (event.key === 'Backspace' && _searchValue.length === 0 && isMulti) {\n      const arr = (_value as string[]) || [];\n      if (arr.length > 0) {\n        const removed = arr[arr.length - 1];\n        onRemove?.(removed);\n        setValue(arr.slice(0, -1));\n      }\n    }\n\n    if (!combobox.dropdownOpened) {\n      return;\n    }\n\n    const index = combobox.getSelectedOptionIndex();\n    if (index < 0 || index >= flatNodesRef.current.length) {\n      return;\n    }\n\n    const currentNode = flatNodesRef.current[index];\n\n    if (event.key === 'ArrowRight') {\n      if (currentNode.hasChildren && !currentNode.expanded) {\n        event.preventDefault();\n        toggleExpand(currentNode.node.value);\n      }\n    }\n\n    if (event.key === 'ArrowLeft') {\n      if (currentNode.hasChildren && currentNode.expanded) {\n        event.preventDefault();\n        toggleExpand(currentNode.node.value);\n      } else if (currentNode.parent) {\n        event.preventDefault();\n        const parentIndex = flatNodesRef.current.findIndex(\n          (n) => n.node.value === currentNode.parent\n        );\n        if (parentIndex >= 0) {\n          combobox.selectOption(parentIndex);\n        }\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (mode !== 'single' || !searchable) {\n      return;\n    }\n    if (value === null) {\n      handleSearchChange('');\n    } else if (typeof value === 'string') {\n      handleSearchChange(getNodeLabel(value));\n    }\n  }, [value]);\n\n  const prevDropdownOpenedRef = useRef(false);\n  useEffect(() => {\n    if (combobox.dropdownOpened && !prevDropdownOpenedRef.current && searchable && _value) {\n      const targets = Array.isArray(_value) ? _value : [_value];\n      const newExpanded = { ..._expandedState };\n      let changed = false;\n      for (const target of targets) {\n        const ancestors = getAncestorsToNode(target as string, data);\n        if (ancestors) {\n          for (const a of ancestors) {\n            if (!newExpanded[a]) {\n              newExpanded[a] = true;\n              changed = true;\n            }\n          }\n        }\n      }\n      if (changed) {\n        setExpandedState(newExpanded);\n        requestAnimationFrame(() => {\n          combobox.updateSelectedOptionIndex('active', { scrollIntoView: true });\n        });\n      }\n    }\n    prevDropdownOpenedRef.current = combobox.dropdownOpened;\n  });\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        setValue(isMulti ? [] : null);\n        handleSearchChange('');\n        combobox.focusTarget();\n      }}\n    />\n  );\n\n  const hasValue = isMulti\n    ? Array.isArray(_value) && _value.length > 0\n    : _value != null && _value !== '';\n  const _clearable = clearable && hasValue && !disabled && !readOnly;\n\n  const singleDisplayLabel = useMemo(() => {\n    if (mode !== 'single' || !_value) {\n      return '';\n    }\n    return getNodeLabel(_value as string);\n  }, [mode, _value, nodeLookup]);\n\n  const displayValues = useMemo(() => {\n    if (!isMulti || !Array.isArray(_value)) {\n      return [];\n    }\n    return _value as string[];\n  }, [isMulti, _value]);\n\n  const pillsListStyle =\n    _clearable && isMulti\n      ? { paddingInlineEnd: clearSectionOffset[size as string] ?? clearSectionOffset.sm }\n      : undefined;\n\n  const visiblePills =\n    maxDisplayedValues != null ? displayValues.slice(0, maxDisplayedValues) : displayValues;\n\n  const overflowCount =\n    maxDisplayedValues != null ? Math.max(0, displayValues.length - maxDisplayedValues) : 0;\n\n  const pills = visiblePills.map((item, index) => (\n    <Pill\n      key={`${item}-${index}`}\n      withRemoveButton={!readOnly}\n      onRemove={() => {\n        if (isCheckbox) {\n          const childLeaves = checkStrictly ? [item] : getChildrenNodesValues(item, data);\n          const newInternal = internalChecked.filter((v) => !childLeaves.includes(v));\n          setValue(checkedToValue(newInternal, data, checkedStrategy!));\n        } else {\n          setValue((_value as string[]).filter((v: string) => v !== item));\n        }\n        onRemove?.(item);\n      }}\n      unstyled={unstyled}\n      disabled={disabled}\n      {...getStyles('pill')}\n    >\n      {getNodeLabel(item)}\n    </Pill>\n  ));\n\n  if (overflowCount > 0) {\n    const overflowContent =\n      typeof maxDisplayedValuesContent === 'function'\n        ? maxDisplayedValuesContent(overflowCount)\n        : maxDisplayedValuesContent || `+${overflowCount} more`;\n    pills.push(\n      <Pill key=\"__overflow\" unstyled={unstyled} disabled={disabled} {...getStyles('pill')}>\n        {overflowContent}\n      </Pill>\n    );\n  }\n\n  const isEmpty = flatNodes.length === 0;\n\n  const options = flatNodes.map((flatNode) => {\n    const isSelected =\n      mode === 'single'\n        ? _value === flatNode.node.value\n        : mode === 'multiple'\n          ? ((_value as string[]) || []).includes(flatNode.node.value)\n          : false;\n\n    const nodeChecked = isCheckbox\n      ? checkStrictly\n        ? internalChecked.includes(flatNode.node.value)\n        : isNodeChecked(flatNode.node.value, data, internalChecked)\n      : false;\n\n    const nodeIndeterminate =\n      isCheckbox && !checkStrictly\n        ? isNodeIndeterminate(flatNode.node.value, data, internalChecked)\n        : false;\n\n    return (\n      <TreeSelectOption\n        key={flatNode.node.value}\n        node={flatNode.node}\n        level={flatNode.level}\n        expanded={flatNode.expanded}\n        hasChildren={flatNode.hasChildren}\n        selected={isSelected}\n        checked={nodeChecked}\n        indeterminate={nodeIndeterminate}\n        showCheckbox={isCheckbox}\n        isLastChild={flatNode.isLastChild}\n        lineGuides={flatNode.lineGuides}\n        withLines={!!withLines}\n        onToggleExpand={toggleExpand}\n        renderNode={renderNode}\n        chevronAriaLabels={chevronAriaLabels}\n      />\n    );\n  });\n\n  const dropdown = (\n    <Combobox.Dropdown hidden={readOnly || disabled}>\n      <Combobox.Options\n        className={classes.optionsWrapper}\n        aria-multiselectable={isMulti || undefined}\n      >\n        <ScrollArea.Autosize\n          mah={maxDropdownHeight ?? 220}\n          type=\"scroll\"\n          scrollbarSize=\"var(--combobox-padding)\"\n          offsetScrollbars=\"y\"\n          {...scrollAreaProps}\n        >\n          {options}\n        </ScrollArea.Autosize>\n        {isEmpty && nothingFoundMessage && <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>}\n      </Combobox.Options>\n    </Combobox.Dropdown>\n  );\n\n  if (isMulti) {\n    return (\n      <>\n        <Combobox\n          store={combobox}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          size={size}\n          readOnly={readOnly}\n          __staticSelector=\"TreeSelect\"\n          attributes={attributes}\n          onOptionSubmit={handleOptionSubmit}\n          {...comboboxProps}\n        >\n          <Combobox.DropdownTarget>\n            <PillsInput\n              {...styleProps}\n              __staticSelector=\"TreeSelect\"\n              classNames={resolvedClassNames}\n              styles={resolvedStyles}\n              unstyled={unstyled}\n              size={size}\n              className={className}\n              style={style}\n              variant={variant}\n              disabled={disabled}\n              radius={radius}\n              __defaultRightSection={\n                <Combobox.Chevron\n                  size={size}\n                  error={error}\n                  unstyled={unstyled}\n                  color={chevronColor}\n                />\n              }\n              __clearSection={clearButton}\n              __clearable={_clearable}\n              __clearSectionMode={clearSectionMode}\n              rightSection={rightSection}\n              rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n              rightSectionWidth={rightSectionWidth}\n              rightSectionProps={rightSectionProps}\n              leftSection={leftSection}\n              leftSectionWidth={leftSectionWidth}\n              leftSectionPointerEvents={leftSectionPointerEvents}\n              leftSectionProps={leftSectionProps}\n              inputContainer={inputContainer}\n              inputWrapperOrder={inputWrapperOrder}\n              withAsterisk={withAsterisk}\n              labelProps={labelProps}\n              descriptionProps={descriptionProps}\n              errorProps={errorProps}\n              successProps={successProps}\n              wrapperProps={wrapperProps}\n              description={description}\n              label={label}\n              error={error}\n              success={success}\n              withErrorStyles={withErrorStyles}\n              withSuccessStyles={withSuccessStyles}\n              __stylesApiProps={{\n                ...props,\n                rightSectionPointerEvents: rightSectionPointerEvents || 'none',\n                multiline: true,\n              }}\n              pointer={!searchable}\n              onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n              data-expanded={combobox.dropdownOpened || undefined}\n              id={_id}\n              required={required}\n              mod={mod}\n              attributes={attributes}\n            >\n              <Pill.Group\n                attributes={attributes}\n                disabled={disabled}\n                unstyled={unstyled}\n                {...getStyles('pillsList', { style: pillsListStyle })}\n              >\n                {pills}\n                <Combobox.EventsTarget autoComplete={autoComplete}>\n                  <PillsInput.Field\n                    {...rest}\n                    id={_id}\n                    placeholder={placeholder}\n                    type={!searchable && !placeholder ? 'hidden' : 'visible'}\n                    {...getStyles('inputField')}\n                    unstyled={unstyled}\n                    onFocus={(event) => {\n                      onFocus?.(event);\n                      if (openOnFocus && searchable) {\n                        combobox.openDropdown();\n                      }\n                    }}\n                    onBlur={(event) => {\n                      onBlur?.(event);\n                      combobox.closeDropdown();\n                      handleSearchChange('');\n                    }}\n                    onKeyDown={handleKeyDown}\n                    value={_searchValue}\n                    onChange={(event) => {\n                      handleSearchChange(event.currentTarget.value);\n                      if (searchable) {\n                        combobox.openDropdown();\n                      }\n                    }}\n                    disabled={disabled}\n                    readOnly={readOnly || !searchable}\n                    pointer={!searchable}\n                  />\n                </Combobox.EventsTarget>\n              </Pill.Group>\n            </PillsInput>\n          </Combobox.DropdownTarget>\n          {dropdown}\n        </Combobox>\n        <Combobox.HiddenInput\n          name={name}\n          valuesDivider={hiddenInputValuesDivider}\n          value={_value}\n          form={form}\n          disabled={disabled}\n          {...hiddenInputProps}\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        __staticSelector=\"TreeSelect\"\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        readOnly={readOnly}\n        size={size}\n        attributes={attributes}\n        onOptionSubmit={handleOptionSubmit}\n        {...comboboxProps}\n      >\n        <Combobox.Target targetType={searchable ? 'input' : 'button'} autoComplete={autoComplete}>\n          <InputBase\n            id={_id}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            {...rest}\n            {...styleProps}\n            size={size}\n            __staticSelector=\"TreeSelect\"\n            disabled={disabled}\n            readOnly={readOnly || !searchable}\n            value={searchable ? _searchValue : singleDisplayLabel}\n            onChange={(event) => {\n              handleSearchChange(event.currentTarget.value);\n              combobox.openDropdown();\n            }}\n            onFocus={(event) => {\n              if (openOnFocus && searchable) {\n                combobox.openDropdown();\n              }\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              if (searchable) {\n                combobox.closeDropdown();\n              }\n              handleSearchChange(_value ? getNodeLabel(_value as string) : '');\n              onBlur?.(event);\n            }}\n            onClick={(event) => {\n              searchable ? combobox.openDropdown() : combobox.toggleDropdown();\n              onClick?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            pointer={!searchable}\n            error={error}\n            success={success}\n            attributes={attributes}\n            className={className}\n            style={style}\n            variant={variant}\n            radius={radius}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            successProps={successProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            withErrorStyles={withErrorStyles}\n            withSuccessStyles={withSuccessStyles}\n            placeholder={placeholder}\n            required={required}\n            mod={mod}\n          />\n        </Combobox.Target>\n        {dropdown}\n      </Combobox>\n      <Combobox.HiddenInput\n        value={_value}\n        name={name}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nTreeSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nTreeSelect.displayName = '@mantine/core/TreeSelect';\n"],"mappings":"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"}
+{"version":3,"file":"TreeSelect.cjs","names":["genericFactory","useProps","useCombobox","getTreeExpandedState","findTreeNode","expandToLeafChecked","filterTreeData","flattenTreeSelectData","useStyles","useResolvedStylesApi","extractStyleProps","isNodeChecked","getChildrenNodesValues","checkedToValue","Combobox","Pill","isNodeIndeterminate","TreeSelectOption","classes","ScrollArea","PillsInput","isExternalInputChange","InputBase"],"sources":["../../../src/components/TreeSelect/TreeSelect.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  genericFactory,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { Combobox, ComboboxLikeStylesNames, useCombobox } from '../Combobox';\nimport { isExternalInputChange } from '../Combobox/is-external-input-change/is-external-input-change';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { Pill } from '../Pill';\nimport { PillsInput } from '../PillsInput';\nimport { ScrollArea, ScrollAreaProps } from '../ScrollArea';\nimport type { TreeNodeData } from '../Tree';\nimport { filterTreeData } from '../Tree/filter-tree-data/filter-tree-data';\nimport {\n  findTreeNode,\n  getChildrenNodesValues,\n} from '../Tree/get-children-nodes-values/get-children-nodes-values';\nimport { isNodeChecked } from '../Tree/is-node-checked/is-node-checked';\nimport { isNodeIndeterminate } from '../Tree/is-node-indeterminate/is-node-indeterminate';\nimport { getTreeExpandedState, TreeExpandedState } from '../Tree/use-tree';\nimport { flattenTreeSelectData } from './flatten-tree-select-data';\nimport {\n  CheckedStrategy,\n  checkedToValue,\n  expandToLeafChecked,\n} from './get-checked-values-by-strategy';\nimport {\n  TreeSelectChevronAriaLabels,\n  TreeSelectOption,\n  TreeSelectRenderNodePayload,\n} from './TreeSelectOption';\nimport classes from './TreeSelect.module.css';\n\nexport type TreeSelectStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'pill'\n  | 'pillsList'\n  | 'inputField';\n\nexport type TreeSelectMode = 'single' | 'multiple' | 'checkbox';\n\nexport type TreeSelectValue<Mode extends TreeSelectMode> = Mode extends 'single'\n  ? string | null\n  : string[];\n\nexport interface TreeSelectProps<Mode extends TreeSelectMode = 'single'>\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<TreeSelectFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Tree data */\n  data: TreeNodeData[];\n\n  /** Selection mode: 'single', 'multiple', or 'checkbox' (with cascade) @default 'single' */\n  mode?: Mode;\n\n  /** Controlled value */\n  value?: TreeSelectValue<Mode>;\n\n  /** Default value */\n  defaultValue?: TreeSelectValue<Mode>;\n\n  /** Called when value changes */\n  onChange?: (value: TreeSelectValue<Mode>) => void;\n\n  /** Disables parent-child cascade in checkbox mode @default false */\n  checkStrictly?: boolean;\n\n  /** Controls which checked nodes appear in value/pills in checkbox mode @default 'child' */\n  checkedStrategy?: CheckedStrategy;\n\n  /** Default expanded node values */\n  defaultExpandedValues?: string[];\n\n  /** Expand all nodes by default @default false */\n  defaultExpandAll?: boolean;\n\n  /** Controlled expanded state */\n  expandedValues?: string[];\n\n  /** Called when expanded state changes */\n  onExpandedChange?: (values: string[]) => void;\n\n  /** Also toggle expand when clicking a parent node (not just the chevron). In `single` and `multiple` modes, parent clicks only expand; only leaves can be selected. In `checkbox` mode, parent clicks both check and expand. @default false */\n  expandOnClick?: boolean;\n\n  /** Enables search filtering @default false */\n  searchable?: boolean;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Default search value */\n  defaultSearchValue?: string;\n\n  /** Called when search changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Custom filter function */\n  filter?: (query: string, node: TreeNodeData) => boolean;\n\n  /** Message when no nodes match search */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** Allows deselecting in single mode @default true */\n  allowDeselect?: boolean;\n\n  /** Shows clear button @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props for the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Maximum selectable values (multiple/checkbox mode) */\n  maxValues?: number;\n\n  /** Maximum displayed pills before \"+N more\" */\n  maxDisplayedValues?: number;\n\n  /** Content shown when values overflow maxDisplayedValues */\n  maxDisplayedValuesContent?: React.ReactNode | ((overflow: number) => React.ReactNode);\n\n  /** Called with removed value in multiple/checkbox mode */\n  onRemove?: (value: string) => void;\n\n  /** Called when clear button is clicked */\n  onClear?: () => void;\n\n  /** Custom node rendering in the dropdown */\n  renderNode?: (payload: TreeSelectRenderNodePayload) => React.ReactNode;\n\n  /** Show tree connection lines between parent and child nodes @default true */\n  withLines?: boolean;\n\n  /** Props for the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Divider for hidden input values @default ',' */\n  hiddenInputValuesDivider?: string;\n\n  /** Props for the ScrollArea in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls the default chevron color */\n  chevronColor?: MantineColor;\n\n  /** Max dropdown height @default 220 */\n  maxDropdownHeight?: number | string;\n\n  /** Controlled dropdown state */\n  dropdownOpened?: boolean;\n\n  /** Default dropdown state */\n  defaultDropdownOpened?: boolean;\n\n  /** Called when dropdown opens */\n  onDropdownOpen?: () => void;\n\n  /** Called when dropdown closes */\n  onDropdownClose?: () => void;\n\n  /** Props passed to the underlying Combobox */\n  comboboxProps?: Record<string, any>;\n\n  /** Clear search on selection change @default true */\n  clearSearchOnChange?: boolean;\n\n  /** Opens dropdown on focus (searchable mode) @default true */\n  openOnFocus?: boolean;\n\n  /** aria-label values for the expand/collapse chevron button */\n  chevronAriaLabels?: TreeSelectChevronAriaLabels;\n}\n\nexport type TreeSelectFactory = Factory<{\n  props: TreeSelectProps;\n  ref: HTMLInputElement;\n  stylesNames: TreeSelectStylesNames;\n  variant: InputVariant;\n  signature: <Mode extends TreeSelectMode = 'single'>(\n    props: TreeSelectProps<Mode>\n  ) => React.JSX.Element;\n}>;\n\nconst defaultProps = {\n  mode: 'single',\n  allowDeselect: true,\n  checkedStrategy: 'child',\n  maxValues: Infinity,\n  hiddenInputValuesDivider: ',',\n  clearSearchOnChange: true,\n  openOnFocus: true,\n  size: 'sm',\n  withLines: true,\n} satisfies Partial<TreeSelectProps<TreeSelectMode>>;\n\nconst clearSectionOffset: Record<string, number> = {\n  xs: 41,\n  sm: 50,\n  md: 60,\n  lg: 72,\n  xl: 89,\n};\n\nfunction getAncestorsToNode(value: string, nodes: TreeNodeData[]): string[] | null {\n  for (const node of nodes) {\n    if (node.value === value) {\n      return [];\n    }\n    if (Array.isArray(node.children)) {\n      const path = getAncestorsToNode(value, node.children);\n      if (path !== null) {\n        return [node.value, ...path];\n      }\n    }\n  }\n  return null;\n}\n\nexport const TreeSelect = genericFactory<TreeSelectFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'TreeSelect'], defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    data,\n    mode,\n    value,\n    defaultValue,\n    onChange,\n    checkStrictly,\n    checkedStrategy,\n    defaultExpandedValues,\n    defaultExpandAll,\n    expandedValues,\n    onExpandedChange,\n    expandOnClick,\n    searchable,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    filter,\n    nothingFoundMessage,\n    allowDeselect,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    maxValues,\n    maxDisplayedValues,\n    maxDisplayedValuesContent,\n    onRemove,\n    onClear,\n    renderNode,\n    withLines,\n    hiddenInputProps,\n    hiddenInputValuesDivider,\n    scrollAreaProps,\n    chevronColor,\n    maxDropdownHeight,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    comboboxProps,\n    clearSearchOnChange,\n    openOnFocus,\n    chevronAriaLabels,\n    variant,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onClick,\n    readOnly,\n    disabled,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    successProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    success,\n    withErrorStyles,\n    withSuccessStyles,\n    name,\n    form,\n    id,\n    placeholder,\n    required,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const isMulti = mode === 'multiple' || mode === 'checkbox';\n  const isCheckbox = mode === 'checkbox';\n  const _id = useId(id);\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      combobox.updateSelectedOptionIndex('active', { scrollIntoView: true });\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      combobox.resetSelectedOption();\n    },\n  });\n\n  const initialExpanded = useMemo(() => {\n    if (defaultExpandAll) {\n      return getTreeExpandedState(data, '*');\n    }\n    if (defaultExpandedValues) {\n      return getTreeExpandedState(data, defaultExpandedValues);\n    }\n    return getTreeExpandedState(data, []);\n  }, []);\n\n  const expandedToRecord = useCallback(\n    (values: string[] | undefined): TreeExpandedState | undefined => {\n      if (!values) {\n        return undefined;\n      }\n      return getTreeExpandedState(data, values);\n    },\n    [data]\n  );\n\n  const [_expandedState, setExpandedState] = useUncontrolled<TreeExpandedState>({\n    value: expandedToRecord(expandedValues),\n    defaultValue: initialExpanded,\n    finalValue: {},\n    onChange: (val) => {\n      if (onExpandedChange) {\n        onExpandedChange(\n          Object.entries(val)\n            .filter(([, v]) => v)\n            .map(([k]) => k)\n        );\n      }\n    },\n  });\n\n  const toggleExpand = useCallback(\n    (nodeValue: string) => {\n      setExpandedState({ ..._expandedState, [nodeValue]: !_expandedState[nodeValue] });\n    },\n    [_expandedState]\n  );\n\n  const initialSearchValue = useMemo(() => {\n    if (mode !== 'single' || !defaultValue) {\n      return '';\n    }\n    const node = findTreeNode(defaultValue as string, data);\n    return node ? (typeof node.label === 'string' ? node.label : '') : '';\n  }, []);\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: initialSearchValue,\n    onChange: onSearchChange,\n  });\n\n  const handleSearchChange = (val: string) => {\n    setSearchValue(val);\n    combobox.resetSelectedOption();\n  };\n\n  const [_value, setValue] = useUncontrolled({\n    value: value as any,\n    defaultValue: defaultValue as any,\n    finalValue: isMulti ? [] : null,\n    onChange,\n  });\n\n  const internalChecked = useMemo(() => {\n    if (!isCheckbox || !_value || !Array.isArray(_value)) {\n      return [];\n    }\n    if (checkStrictly) {\n      return _value;\n    }\n    return expandToLeafChecked(_value, data);\n  }, [isCheckbox, _value, data, checkStrictly]);\n\n  const filteredData = useMemo(() => {\n    if (!searchable || !_searchValue) {\n      return data;\n    }\n    if (mode === 'single' && _value) {\n      const node = findTreeNode(_value as string, data);\n      if (node && _searchValue === (typeof node.label === 'string' ? node.label : '')) {\n        return data;\n      }\n    }\n    return filterTreeData(data, _searchValue, filter);\n  }, [data, _searchValue, filter, searchable, mode, _value]);\n\n  const expandedForRender = useMemo(() => {\n    if (_searchValue && filteredData !== data) {\n      const expanded = { ..._expandedState };\n      const expandFilteredParents = (nodes: TreeNodeData[]) => {\n        for (const node of nodes) {\n          if (Array.isArray(node.children) && node.children.length > 0) {\n            expanded[node.value] = true;\n            expandFilteredParents(node.children);\n          }\n        }\n      };\n      expandFilteredParents(filteredData);\n      return expanded;\n    }\n    return _expandedState;\n  }, [filteredData, _expandedState, _searchValue, data]);\n\n  const flatNodes = useMemo(\n    () => flattenTreeSelectData(filteredData, expandedForRender),\n    [filteredData, expandedForRender]\n  );\n\n  const flatNodesRef = useRef(flatNodes);\n  flatNodesRef.current = flatNodes;\n\n  const nodeLookup = useMemo(() => {\n    const lookup: Record<string, TreeNodeData> = {};\n    const walk = (nodes: TreeNodeData[]) => {\n      for (const node of nodes) {\n        lookup[node.value] = node;\n        if (Array.isArray(node.children)) {\n          walk(node.children);\n        }\n      }\n    };\n    walk(data);\n    return lookup;\n  }, [data]);\n\n  const getNodeLabel = (nodeValue: string): string => {\n    const node = nodeLookup[nodeValue];\n    if (!node) {\n      return nodeValue;\n    }\n    return typeof node.label === 'string' ? node.label : nodeValue;\n  };\n\n  const getStyles = useStyles<TreeSelectFactory>({\n    name: 'TreeSelect',\n    classes: {} as any,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<TreeSelectFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const handleOptionSubmit = (val: string) => {\n    if (mode === 'single') {\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          toggleExpand(val);\n          return;\n        }\n      }\n      const nextValue = allowDeselect && val === _value ? null : val;\n      setValue(nextValue);\n      combobox.closeDropdown();\n      if (clearSearchOnChange) {\n        handleSearchChange(nextValue ? getNodeLabel(nextValue) : '');\n      }\n    } else if (mode === 'multiple') {\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          toggleExpand(val);\n          return;\n        }\n      }\n      const arr = (_value as string[]) || [];\n      if (arr.includes(val)) {\n        setValue(arr.filter((v: string) => v !== val));\n        onRemove?.(val);\n      } else if (arr.length < (maxValues ?? Infinity)) {\n        setValue([...arr, val]);\n      } else {\n        return;\n      }\n      if (clearSearchOnChange) {\n        setSearchValue('');\n      }\n    } else if (mode === 'checkbox') {\n      const nodeChecked = checkStrictly\n        ? internalChecked.includes(val)\n        : isNodeChecked(val, data, internalChecked);\n\n      let newInternalChecked: string[];\n      if (checkStrictly) {\n        newInternalChecked = nodeChecked\n          ? internalChecked.filter((v) => v !== val)\n          : [...internalChecked, val];\n      } else {\n        const childLeaves = getChildrenNodesValues(val, data);\n        if (nodeChecked) {\n          newInternalChecked = internalChecked.filter((v) => !childLeaves.includes(v));\n        } else {\n          newInternalChecked = [...new Set([...internalChecked, ...childLeaves])];\n        }\n      }\n\n      const newValue = checkedToValue(newInternalChecked, data, checkedStrategy!);\n      if (!nodeChecked && newValue.length > (maxValues ?? Infinity)) {\n        return;\n      }\n      setValue(newValue);\n      if (clearSearchOnChange) {\n        setSearchValue('');\n      }\n\n      if (expandOnClick) {\n        const node = findTreeNode(val, data);\n        if (node && Array.isArray(node.children) && node.children.length > 0) {\n          if (!_expandedState[val]) {\n            toggleExpand(val);\n          }\n        }\n      }\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.key === ' ' && !searchable && isMulti) {\n      event.preventDefault();\n      combobox.toggleDropdown();\n    }\n\n    if (event.key === 'Backspace' && _searchValue.length === 0 && isMulti) {\n      const arr = (_value as string[]) || [];\n      if (arr.length > 0) {\n        const removed = arr[arr.length - 1];\n        onRemove?.(removed);\n        setValue(arr.slice(0, -1));\n      }\n    }\n\n    if (!combobox.dropdownOpened) {\n      return;\n    }\n\n    const index = combobox.getSelectedOptionIndex();\n    if (index < 0 || index >= flatNodesRef.current.length) {\n      return;\n    }\n\n    const currentNode = flatNodesRef.current[index];\n\n    if (event.key === 'ArrowRight') {\n      if (currentNode.hasChildren && !currentNode.expanded) {\n        event.preventDefault();\n        toggleExpand(currentNode.node.value);\n      }\n    }\n\n    if (event.key === 'ArrowLeft') {\n      if (currentNode.hasChildren && currentNode.expanded) {\n        event.preventDefault();\n        toggleExpand(currentNode.node.value);\n      } else if (currentNode.parent) {\n        event.preventDefault();\n        const parentIndex = flatNodesRef.current.findIndex(\n          (n) => n.node.value === currentNode.parent\n        );\n        if (parentIndex >= 0) {\n          combobox.selectOption(parentIndex);\n        }\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (mode !== 'single' || !searchable) {\n      return;\n    }\n    if (value === null) {\n      handleSearchChange('');\n    } else if (typeof value === 'string') {\n      handleSearchChange(getNodeLabel(value));\n    }\n  }, [value]);\n\n  const prevDropdownOpenedRef = useRef(false);\n  useEffect(() => {\n    if (combobox.dropdownOpened && !prevDropdownOpenedRef.current && searchable && _value) {\n      const targets = Array.isArray(_value) ? _value : [_value];\n      const newExpanded = { ..._expandedState };\n      let changed = false;\n      for (const target of targets) {\n        const ancestors = getAncestorsToNode(target as string, data);\n        if (ancestors) {\n          for (const a of ancestors) {\n            if (!newExpanded[a]) {\n              newExpanded[a] = true;\n              changed = true;\n            }\n          }\n        }\n      }\n      if (changed) {\n        setExpandedState(newExpanded);\n        requestAnimationFrame(() => {\n          combobox.updateSelectedOptionIndex('active', { scrollIntoView: true });\n        });\n      }\n    }\n    prevDropdownOpenedRef.current = combobox.dropdownOpened;\n  });\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        setValue(isMulti ? [] : null);\n        handleSearchChange('');\n        combobox.focusTarget();\n      }}\n    />\n  );\n\n  const hasValue = isMulti\n    ? Array.isArray(_value) && _value.length > 0\n    : _value != null && _value !== '';\n  const _clearable = clearable && hasValue && !disabled && !readOnly;\n\n  const singleDisplayLabel = useMemo(() => {\n    if (mode !== 'single' || !_value) {\n      return '';\n    }\n    return getNodeLabel(_value as string);\n  }, [mode, _value, nodeLookup]);\n\n  const displayValues = useMemo(() => {\n    if (!isMulti || !Array.isArray(_value)) {\n      return [];\n    }\n    return _value as string[];\n  }, [isMulti, _value]);\n\n  const pillsListStyle =\n    _clearable && isMulti\n      ? { paddingInlineEnd: clearSectionOffset[size as string] ?? clearSectionOffset.sm }\n      : undefined;\n\n  const visiblePills =\n    maxDisplayedValues != null ? displayValues.slice(0, maxDisplayedValues) : displayValues;\n\n  const overflowCount =\n    maxDisplayedValues != null ? Math.max(0, displayValues.length - maxDisplayedValues) : 0;\n\n  const pills = visiblePills.map((item, index) => (\n    <Pill\n      key={`${item}-${index}`}\n      withRemoveButton={!readOnly}\n      onRemove={() => {\n        if (isCheckbox) {\n          const childLeaves = checkStrictly ? [item] : getChildrenNodesValues(item, data);\n          const newInternal = internalChecked.filter((v) => !childLeaves.includes(v));\n          setValue(checkedToValue(newInternal, data, checkedStrategy!));\n        } else {\n          setValue((_value as string[]).filter((v: string) => v !== item));\n        }\n        onRemove?.(item);\n      }}\n      unstyled={unstyled}\n      disabled={disabled}\n      {...getStyles('pill')}\n    >\n      {getNodeLabel(item)}\n    </Pill>\n  ));\n\n  if (overflowCount > 0) {\n    const overflowContent =\n      typeof maxDisplayedValuesContent === 'function'\n        ? maxDisplayedValuesContent(overflowCount)\n        : maxDisplayedValuesContent || `+${overflowCount} more`;\n    pills.push(\n      <Pill key=\"__overflow\" unstyled={unstyled} disabled={disabled} {...getStyles('pill')}>\n        {overflowContent}\n      </Pill>\n    );\n  }\n\n  const isEmpty = flatNodes.length === 0;\n\n  const options = flatNodes.map((flatNode) => {\n    const isSelected =\n      mode === 'single'\n        ? _value === flatNode.node.value\n        : mode === 'multiple'\n          ? ((_value as string[]) || []).includes(flatNode.node.value)\n          : false;\n\n    const nodeChecked = isCheckbox\n      ? checkStrictly\n        ? internalChecked.includes(flatNode.node.value)\n        : isNodeChecked(flatNode.node.value, data, internalChecked)\n      : false;\n\n    const nodeIndeterminate =\n      isCheckbox && !checkStrictly\n        ? isNodeIndeterminate(flatNode.node.value, data, internalChecked)\n        : false;\n\n    return (\n      <TreeSelectOption\n        key={flatNode.node.value}\n        node={flatNode.node}\n        level={flatNode.level}\n        expanded={flatNode.expanded}\n        hasChildren={flatNode.hasChildren}\n        selected={isSelected}\n        checked={nodeChecked}\n        indeterminate={nodeIndeterminate}\n        showCheckbox={isCheckbox}\n        isLastChild={flatNode.isLastChild}\n        lineGuides={flatNode.lineGuides}\n        withLines={!!withLines}\n        onToggleExpand={toggleExpand}\n        renderNode={renderNode}\n        chevronAriaLabels={chevronAriaLabels}\n      />\n    );\n  });\n\n  const dropdown = (\n    <Combobox.Dropdown hidden={readOnly || disabled}>\n      <Combobox.Options\n        className={classes.optionsWrapper}\n        aria-multiselectable={isMulti || undefined}\n      >\n        <ScrollArea.Autosize\n          mah={maxDropdownHeight ?? 220}\n          type=\"scroll\"\n          scrollbarSize=\"var(--combobox-padding)\"\n          offsetScrollbars=\"y\"\n          {...scrollAreaProps}\n        >\n          {options}\n        </ScrollArea.Autosize>\n        {isEmpty && nothingFoundMessage && <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>}\n      </Combobox.Options>\n    </Combobox.Dropdown>\n  );\n\n  if (isMulti) {\n    return (\n      <>\n        <Combobox\n          store={combobox}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          size={size}\n          readOnly={readOnly}\n          __staticSelector=\"TreeSelect\"\n          attributes={attributes}\n          onOptionSubmit={handleOptionSubmit}\n          {...comboboxProps}\n        >\n          <Combobox.DropdownTarget>\n            <PillsInput\n              {...styleProps}\n              __staticSelector=\"TreeSelect\"\n              classNames={resolvedClassNames}\n              styles={resolvedStyles}\n              unstyled={unstyled}\n              size={size}\n              className={className}\n              style={style}\n              variant={variant}\n              disabled={disabled}\n              radius={radius}\n              __defaultRightSection={\n                <Combobox.Chevron\n                  size={size}\n                  error={error}\n                  unstyled={unstyled}\n                  color={chevronColor}\n                />\n              }\n              __clearSection={clearButton}\n              __clearable={_clearable}\n              __clearSectionMode={clearSectionMode}\n              rightSection={rightSection}\n              rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n              rightSectionWidth={rightSectionWidth}\n              rightSectionProps={rightSectionProps}\n              leftSection={leftSection}\n              leftSectionWidth={leftSectionWidth}\n              leftSectionPointerEvents={leftSectionPointerEvents}\n              leftSectionProps={leftSectionProps}\n              inputContainer={inputContainer}\n              inputWrapperOrder={inputWrapperOrder}\n              withAsterisk={withAsterisk}\n              labelProps={labelProps}\n              descriptionProps={descriptionProps}\n              errorProps={errorProps}\n              successProps={successProps}\n              wrapperProps={wrapperProps}\n              description={description}\n              label={label}\n              error={error}\n              success={success}\n              withErrorStyles={withErrorStyles}\n              withSuccessStyles={withSuccessStyles}\n              __stylesApiProps={{\n                ...props,\n                rightSectionPointerEvents: rightSectionPointerEvents || 'none',\n                multiline: true,\n              }}\n              pointer={!searchable}\n              onClick={() => (searchable ? combobox.openDropdown() : combobox.toggleDropdown())}\n              data-expanded={combobox.dropdownOpened || undefined}\n              id={_id}\n              required={required}\n              mod={mod}\n              attributes={attributes}\n            >\n              <Pill.Group\n                attributes={attributes}\n                disabled={disabled}\n                unstyled={unstyled}\n                {...getStyles('pillsList', { style: pillsListStyle })}\n              >\n                {pills}\n                <Combobox.EventsTarget autoComplete={autoComplete}>\n                  <PillsInput.Field\n                    {...rest}\n                    id={_id}\n                    placeholder={placeholder}\n                    type={!searchable && !placeholder ? 'hidden' : 'visible'}\n                    {...getStyles('inputField')}\n                    unstyled={unstyled}\n                    onFocus={(event) => {\n                      onFocus?.(event);\n                      if (openOnFocus && searchable) {\n                        combobox.openDropdown();\n                      }\n                    }}\n                    onBlur={(event) => {\n                      onBlur?.(event);\n                      combobox.closeDropdown();\n                      handleSearchChange('');\n                    }}\n                    onKeyDown={handleKeyDown}\n                    value={_searchValue}\n                    onChange={(event) => {\n                      if (isExternalInputChange(event)) {\n                        return;\n                      }\n\n                      handleSearchChange(event.currentTarget.value);\n                      if (searchable) {\n                        combobox.openDropdown();\n                      }\n                    }}\n                    disabled={disabled}\n                    readOnly={readOnly || !searchable}\n                    pointer={!searchable}\n                  />\n                </Combobox.EventsTarget>\n              </Pill.Group>\n            </PillsInput>\n          </Combobox.DropdownTarget>\n          {dropdown}\n        </Combobox>\n        <Combobox.HiddenInput\n          name={name}\n          valuesDivider={hiddenInputValuesDivider}\n          value={_value}\n          form={form}\n          disabled={disabled}\n          {...hiddenInputProps}\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        __staticSelector=\"TreeSelect\"\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        readOnly={readOnly}\n        size={size}\n        attributes={attributes}\n        onOptionSubmit={handleOptionSubmit}\n        {...comboboxProps}\n      >\n        <Combobox.Target targetType={searchable ? 'input' : 'button'} autoComplete={autoComplete}>\n          <InputBase\n            id={_id}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            {...rest}\n            {...styleProps}\n            size={size}\n            __staticSelector=\"TreeSelect\"\n            disabled={disabled}\n            readOnly={readOnly || !searchable}\n            value={searchable ? _searchValue : singleDisplayLabel}\n            onChange={(event) => {\n              if (isExternalInputChange(event)) {\n                return;\n              }\n\n              handleSearchChange(event.currentTarget.value);\n              combobox.openDropdown();\n            }}\n            onFocus={(event) => {\n              if (openOnFocus && searchable) {\n                combobox.openDropdown();\n              }\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              if (searchable) {\n                combobox.closeDropdown();\n              }\n              handleSearchChange(_value ? getNodeLabel(_value as string) : '');\n              onBlur?.(event);\n            }}\n            onClick={(event) => {\n              searchable ? combobox.openDropdown() : combobox.toggleDropdown();\n              onClick?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            pointer={!searchable}\n            error={error}\n            success={success}\n            attributes={attributes}\n            className={className}\n            style={style}\n            variant={variant}\n            radius={radius}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            successProps={successProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            withErrorStyles={withErrorStyles}\n            withSuccessStyles={withSuccessStyles}\n            placeholder={placeholder}\n            required={required}\n            mod={mod}\n          />\n        </Combobox.Target>\n        {dropdown}\n      </Combobox>\n      <Combobox.HiddenInput\n        value={_value}\n        name={name}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nTreeSelect.classes = { ...InputBase.classes, ...Combobox.classes };\nTreeSelect.displayName = '@mantine/core/TreeSelect';\n"],"mappings":"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"}

package/esm/components/Cascader/Cascader.mjs

@@ -9,6 +9,7 @@ import { InputBase } from "../InputBase/InputBase.mjs";
 import { useCombobox } from "../Combobox/use-combobox/use-combobox.mjs";
 import { Combobox } from "../Combobox/Combobox.mjs";
 import { CheckIcon } from "../Checkbox/CheckIcon.mjs";
+import { isExternalInputChange } from "../Combobox/is-external-input-change/is-external-input-change.mjs";
 import { CascaderColumns } from "./CascaderColumns.mjs";
 import { flattenCascaderPaths } from "./flatten-cascader-paths.mjs";
 import { getCascaderPathOptions } from "./get-cascader-path-options.mjs";
@@ -20,6 +21,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Cascader/Cascader.tsx
 const defaultProps = {
 	expandTrigger: "click",
+	safeAreaPolygon: true,
 	changeOnSelect: false,
 	allowDeselect: true,
 	withCheckIcon: true,
@@ -68,7 +70,7 @@ const Cascader = factory((_props) => {
 		"InputWrapper",
 		"Cascader"
 	], defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, size, data, value, defaultValue, onChange, changeOnSelect, closeOnSelect, allowDeselect, withCheckIcon, checkIconPosition, withColumns, expandTrigger, searchable, searchValue, defaultSearchValue, onSearchChange, filter, renderSearchOption, formatValue, renderOption, separator, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, clearable, clearSectionMode, clearButtonProps, onClear, dropdownOpened, defaultDropdownOpened, onDropdownOpen, onDropdownClose, comboboxProps, scrollAreaProps, chevronColor, hiddenInputProps, openOnFocus, variant, onKeyDown, onFocus, onBlur, onClick, readOnly, disabled, radius, rightSection, rightSectionWidth, rightSectionPointerEvents, rightSectionProps, leftSection, leftSectionWidth, leftSectionPointerEvents, leftSectionProps, inputContainer, inputWrapperOrder, withAsterisk, labelProps, descriptionProps, errorProps, successProps, wrapperProps, description, label, error, success, withErrorStyles, withSuccessStyles, name, form, id, placeholder, required, mod, attributes, ...others } = props;
+	const { classNames, className, style, styles, unstyled, vars, size, data, value, defaultValue, onChange, changeOnSelect, closeOnSelect, allowDeselect, withCheckIcon, checkIconPosition, withColumns, expandTrigger, safeAreaPolygon, searchable, searchValue, defaultSearchValue, onSearchChange, filter, renderSearchOption, formatValue, renderOption, separator, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, clearable, clearSectionMode, clearButtonProps, onClear, dropdownOpened, defaultDropdownOpened, onDropdownOpen, onDropdownClose, comboboxProps, scrollAreaProps, chevronColor, hiddenInputProps, openOnFocus, variant, onKeyDown, onFocus, onBlur, onClick, readOnly, disabled, radius, rightSection, rightSectionWidth, rightSectionPointerEvents, rightSectionProps, leftSection, leftSectionWidth, leftSectionPointerEvents, leftSectionProps, inputContainer, inputWrapperOrder, withAsterisk, labelProps, descriptionProps, errorProps, successProps, wrapperProps, description, label, error, success, withErrorStyles, withSuccessStyles, name, form, id, placeholder, required, mod, attributes, ...others } = props;
 	const _id = useId$1(id);
 	const separatorString = typeof separator === "string" || typeof separator === "number" ? String(separator) : "/";
 	const combobox = useCombobox({
@@ -252,7 +254,8 @@ const Cascader = factory((_props) => {
 				if (expandTrigger === "hover") cascader.setActivePath(cascader.value ?? []);
 			},
 			onPointerActivity: () => cascader.setKeyboardNav(false),
-			listId
+			listId,
+			safeAreaPolygon: expandTrigger === "hover" ? safeAreaPolygon : false
 		})
 	});
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Combobox, {
@@ -299,7 +302,10 @@ const Cascader = factory((_props) => {
 				disabled,
 				readOnly: readOnly || !searchable,
 				value: searchable ? _searchValue : displayString,
-				onChange: (event) => handleSearchChange(event.currentTarget.value),
+				onChange: (event) => {
+					if (isExternalInputChange(event)) return;
+					handleSearchChange(event.currentTarget.value);
+				},
 				onFocus: (event) => {
 					if (openOnFocus && searchable && canInteract) combobox.openDropdown();
 					onFocus?.(event);

package/esm/components/Cascader/Cascader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cascader.mjs","names":["useId","classes"],"sources":["../../../src/components/Cascader/Cascader.tsx"],"sourcesContent":["import { Fragment, useEffect, useMemo } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  factory,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { CheckIcon } from '../Checkbox/CheckIcon';\nimport { Combobox, ComboboxLikeStylesNames, useCombobox } from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { ScrollArea, ScrollAreaProps } from '../ScrollArea';\nimport { CascaderColumns } from './CascaderColumns';\nimport { flattenCascaderPaths } from './flatten-cascader-paths';\nimport { getCascaderPathOptions } from './get-cascader-path-options';\nimport { useCascader } from './use-cascader';\nimport classes from './Cascader.module.css';\n\nexport interface CascaderOption {\n  /** Option value, must be unique across the whole data tree */\n  value: string;\n\n  /** Option label, if not set `value` is used instead */\n  label?: React.ReactNode;\n\n  /** Nested options */\n  children?: CascaderOption[];\n\n  /** If set, the option cannot be selected or expanded */\n  disabled?: boolean;\n}\n\nexport interface CascaderFormatValueInput {\n  /** Selected path from root to node */\n  value: string[];\n\n  /** Option chain resolved from the selected path */\n  options: CascaderOption[];\n}\n\nexport type CascaderFormatValue = (input: CascaderFormatValueInput) => React.ReactNode;\n\nexport type CascaderStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'columnsList'\n  | 'columnsOverflow'\n  | 'column'\n  | 'columnScroll'\n  | 'columnOption'\n  | 'columnOptionLabel'\n  | 'columnOptionIcon'\n  | 'columnOptionCheck'\n  | 'columnEmpty'\n  | 'flatOption';\n\nexport interface CascaderProps\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<CascaderFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Hierarchical options data */\n  data: CascaderOption[];\n\n  /** Controlled selected path from root to node */\n  value?: string[] | null;\n\n  /** Uncontrolled selected path from root to node */\n  defaultValue?: string[] | null;\n\n  /** Called when the selected path changes with the path and the resolved option chain */\n  onChange?: (value: string[] | null, options: CascaderOption[]) => void;\n\n  /** If set, any intermediate option can be selected, not only leaf options @default false */\n  changeOnSelect?: boolean;\n\n  /** Determines whether the dropdown should be closed when a value is selected, defaults to `!allowDeselect` */\n  closeOnSelect?: boolean;\n\n  /** If set, the selected value can be deselected by selecting it again @default true */\n  allowDeselect?: boolean;\n\n  /** If set, the check icon is displayed on the selected option @default true */\n  withCheckIcon?: boolean;\n\n  /** Position of the check icon relative to the option label @default 'right' */\n  checkIconPosition?: 'left' | 'right';\n\n  /** Renders the dropdown as cascading columns. When `false`, options are rendered as a flat list of paths, the same way as search results (useful for narrow/mobile layouts) @default true */\n  withColumns?: boolean;\n\n  /** Determines how the next column is opened @default 'click' */\n  expandTrigger?: 'click' | 'hover';\n\n  /** If set, options can be searched by their flattened paths @default false */\n  searchable?: boolean;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Uncontrolled search value */\n  defaultSearchValue?: string;\n\n  /** Called when the search value changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Custom search filter, matched against the full option path */\n  filter?: (query: string, options: CascaderOption[]) => boolean;\n\n  /** Custom rendering of a search result row */\n  renderSearchOption?: (query: string, options: CascaderOption[]) => React.ReactNode;\n\n  /** A function to format the selected path displayed in the input, should return a string */\n  formatValue?: CascaderFormatValue;\n\n  /** Custom rendering of an option in columns */\n  renderOption?: (option: CascaderOption, level: number) => React.ReactNode;\n\n  /** Path separator displayed in the input and search results @default '/' */\n  separator?: React.ReactNode;\n\n  /** Width of each column */\n  columnWidth?: number | string;\n\n  /** Maximum number of columns (levels) displayed next to each other, deeper levels replace earlier ones @default 3 */\n  maxDisplayedLevels?: number;\n\n  /** `aria-label` and `title` of the control that reveals levels hidden before the visible ones by `maxDisplayedLevels` @default 'Show previous levels' */\n  previousLevelsControlLabel?: string;\n\n  /** `aria-label` and `title` of the control that reveals levels hidden after the visible ones by `maxDisplayedLevels` @default 'Show next levels' */\n  nextLevelsControlLabel?: string;\n\n  /** Max height of a column before it becomes scrollable @default 260 */\n  maxDropdownHeight?: number | string;\n\n  /** Message displayed when there are no options or search results */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** If set, the clear button is displayed when a value is selected @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and `rightSection` are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props passed down to the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Called when the clear button is clicked */\n  onClear?: () => void;\n\n  /** Controlled dropdown opened state */\n  dropdownOpened?: boolean;\n\n  /** Uncontrolled dropdown opened state */\n  defaultDropdownOpened?: boolean;\n\n  /** Called when the dropdown opens */\n  onDropdownOpen?: () => void;\n\n  /** Called when the dropdown closes */\n  onDropdownClose?: () => void;\n\n  /** Props passed down to the underlying `Combobox` component */\n  comboboxProps?: Record<string, any>;\n\n  /** Props passed down to the dropdown `ScrollArea` */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls the default chevron color */\n  chevronColor?: MantineColor;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Opens the dropdown when the input is focused in `searchable` mode @default true */\n  openOnFocus?: boolean;\n}\n\nexport type CascaderFactory = Factory<{\n  props: CascaderProps;\n  ref: HTMLInputElement;\n  stylesNames: CascaderStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps = {\n  expandTrigger: 'click',\n  changeOnSelect: false,\n  allowDeselect: true,\n  withCheckIcon: true,\n  checkIconPosition: 'right',\n  withColumns: true,\n  searchable: false,\n  separator: '/',\n  maxDisplayedLevels: 3,\n  previousLevelsControlLabel: 'Show previous levels',\n  nextLevelsControlLabel: 'Show next levels',\n  maxDropdownHeight: 260,\n  openOnFocus: true,\n  size: 'sm',\n} satisfies Partial<CascaderProps>;\n\nfunction optionLabelToString(option: CascaderOption): string {\n  return typeof option.label === 'string' || typeof option.label === 'number'\n    ? String(option.label)\n    : option.value;\n}\n\nfunction firstEnabledOptionIndex(options: CascaderOption[]): number {\n  return options.findIndex((option) => !option.disabled);\n}\n\nfunction lastEnabledOptionIndex(options: CascaderOption[]): number {\n  for (let index = options.length - 1; index >= 0; index -= 1) {\n    if (!options[index].disabled) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nfunction joinPathLabels(options: CascaderOption[], separator: string): string {\n  return options.map(optionLabelToString).join(` ${separator} `);\n}\n\nfunction defaultCascaderFilter(\n  query: string,\n  options: CascaderOption[],\n  separator: string\n): boolean {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed.length === 0) {\n    return true;\n  }\n  return joinPathLabels(options, separator).toLowerCase().includes(trimmed);\n}\n\nfunction defaultRenderSearchOption(\n  options: CascaderOption[],\n  separator: React.ReactNode\n): React.ReactNode {\n  return options.map((option, index) => (\n    <Fragment key={option.value}>\n      {index > 0 && <span data-cascader-separator> {separator} </span>}\n      {option.label ?? option.value}\n    </Fragment>\n  ));\n}\n\nexport const Cascader = factory<CascaderFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'Cascader'], defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    data,\n    value,\n    defaultValue,\n    onChange,\n    changeOnSelect,\n    closeOnSelect,\n    allowDeselect,\n    withCheckIcon,\n    checkIconPosition,\n    withColumns,\n    expandTrigger,\n    searchable,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    filter,\n    renderSearchOption,\n    formatValue,\n    renderOption,\n    separator,\n    columnWidth,\n    maxDisplayedLevels,\n    previousLevelsControlLabel,\n    nextLevelsControlLabel,\n    maxDropdownHeight,\n    nothingFoundMessage,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    onClear,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    comboboxProps,\n    scrollAreaProps,\n    chevronColor,\n    hiddenInputProps,\n    openOnFocus,\n    variant,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onClick,\n    readOnly,\n    disabled,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    successProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    success,\n    withErrorStyles,\n    withSuccessStyles,\n    name,\n    form,\n    id,\n    placeholder,\n    required,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const _id = useId(id);\n  const separatorString =\n    typeof separator === 'string' || typeof separator === 'number' ? String(separator) : '/';\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      cascader.resetActivePath();\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      if (searchable) {\n        setSearchValue(cascader.value ? displayString : '');\n      }\n    },\n  });\n\n  // When `allowDeselect` is enabled, keep the dropdown open by default so the value can be toggled\n  const shouldCloseOnSelect = closeOnSelect ?? !allowDeselect;\n\n  const cascader = useCascader({\n    data,\n    value,\n    defaultValue,\n    onChange,\n    changeOnSelect,\n    allowDeselect,\n    expandTrigger,\n    onLeafSelect: () => {\n      if (shouldCloseOnSelect) {\n        combobox.closeDropdown();\n      }\n    },\n  });\n\n  const getStyles = useStyles<CascaderFactory>({\n    name: 'Cascader',\n    classes,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<CascaderFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const displayString = useMemo(() => {\n    if (cascader.pathOptions.length === 0 || !cascader.value) {\n      return '';\n    }\n    if (formatValue) {\n      const rendered = formatValue({ value: cascader.value, options: cascader.pathOptions });\n      if (typeof rendered === 'string' || typeof rendered === 'number') {\n        return String(rendered);\n      }\n    }\n    return joinPathLabels(cascader.pathOptions, separatorString);\n  }, [cascader.pathOptions, cascader.value, formatValue, separatorString]);\n\n  const initialSearchValue = useMemo(() => {\n    if (!searchable || !defaultValue) {\n      return '';\n    }\n    return joinPathLabels(getCascaderPathOptions(data, defaultValue), separatorString);\n  }, []);\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: initialSearchValue,\n    onChange: onSearchChange,\n  });\n\n  const isSearching =\n    !!searchable && _searchValue.trim().length > 0 && _searchValue !== displayString;\n\n  useEffect(() => {\n    if (searchable) {\n      setSearchValue(cascader.value ? displayString : '');\n    }\n  }, [cascader.value]);\n\n  // The dropdown renders a flat list of paths when searching or when `withColumns` is disabled\n  const showFlatList = isSearching || !withColumns;\n\n  const flatPaths = useMemo(() => flattenCascaderPaths(data), [data]);\n\n  const flatListItems = useMemo(() => {\n    if (!showFlatList) {\n      return [];\n    }\n    const base = flatPaths.filter((flatPath) => (changeOnSelect ? true : flatPath.leaf));\n    if (!isSearching) {\n      return base;\n    }\n    return base.filter((flatPath) =>\n      filter\n        ? filter(_searchValue, flatPath.options)\n        : defaultCascaderFilter(_searchValue, flatPath.options, separatorString)\n    );\n  }, [flatPaths, showFlatList, isSearching, _searchValue, changeOnSelect, filter, separatorString]);\n\n  const canInteract = !readOnly && !disabled;\n\n  const handleSearchChange = (nextValue: string) => {\n    setSearchValue(nextValue);\n    if (canInteract) {\n      combobox.openDropdown();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.key === 'Escape') {\n      combobox.closeDropdown();\n      return;\n    }\n\n    if (showFlatList || !canInteract) {\n      return;\n    }\n\n    if (!combobox.dropdownOpened) {\n      const opensDropdown =\n        event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowRight' ||\n        event.key === 'Enter' ||\n        (!searchable && event.key === ' ');\n\n      if (opensDropdown) {\n        event.preventDefault();\n        cascader.setKeyboardNav(true);\n        combobox.openDropdown();\n\n        if (!cascader.value && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n          const rootIndex =\n            event.key === 'ArrowDown'\n              ? firstEnabledOptionIndex(data)\n              : lastEnabledOptionIndex(data);\n          if (rootIndex >= 0) {\n            cascader.setActivePath([data[rootIndex].value]);\n          }\n        }\n      }\n      return;\n    }\n\n    if (cascader.handleColumnsKeyDown(event)) {\n      event.preventDefault();\n    } else if (!searchable && event.key === ' ') {\n      event.preventDefault();\n    }\n  };\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        cascader.setValue(null);\n        cascader.setActivePath([]);\n        setSearchValue('');\n        combobox.focusTarget();\n      }}\n    />\n  );\n\n  const hasValue = Array.isArray(cascader.value) && cascader.value.length > 0;\n  const _clearable = clearable && hasValue && !disabled && !readOnly;\n\n  const listId = _id ? `${_id}-cascader-list` : undefined;\n  const valueKey = cascader.value ? JSON.stringify(cascader.value) : null;\n\n  const dropdown = (\n    <Combobox.Dropdown\n      hidden={readOnly || disabled}\n      style={showFlatList ? undefined : { padding: 0 }}\n    >\n      {showFlatList ? (\n        <Combobox.Options aria-label={typeof label === 'string' ? label : undefined}>\n          <ScrollArea.Autosize\n            mah={maxDropdownHeight ?? 260}\n            type=\"scroll\"\n            scrollbarSize=\"var(--combobox-padding)\"\n            offsetScrollbars=\"y\"\n            {...scrollAreaProps}\n          >\n            {flatListItems.map((flatPath, index) => {\n              const pathKey = JSON.stringify(flatPath.path);\n              const active = valueKey !== null && pathKey === valueKey;\n              return (\n                <Combobox.Option\n                  key={pathKey}\n                  value={`${index}`}\n                  active={active}\n                  disabled={flatPath.disabled}\n                >\n                  <span {...getStyles('flatOption')}>\n                    {active && withCheckIcon && checkIconPosition === 'left' && (\n                      <CheckIcon {...getStyles('columnOptionCheck')} />\n                    )}\n                    <span {...getStyles('columnOptionLabel')}>\n                      {renderSearchOption\n                        ? renderSearchOption(_searchValue, flatPath.options)\n                        : defaultRenderSearchOption(flatPath.options, separator)}\n                    </span>\n                    {active && withCheckIcon && checkIconPosition !== 'left' && (\n                      <CheckIcon {...getStyles('columnOptionCheck')} />\n                    )}\n                  </span>\n                </Combobox.Option>\n              );\n            })}\n          </ScrollArea.Autosize>\n          {flatListItems.length === 0 && nothingFoundMessage && (\n            <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>\n          )}\n        </Combobox.Options>\n      ) : (\n        <CascaderColumns\n          data={data}\n          activePath={cascader.activePath}\n          value={cascader.value}\n          keyboardNav={cascader.keyboardNav}\n          withCheckIcon={withCheckIcon}\n          checkIconPosition={checkIconPosition}\n          renderOption={renderOption}\n          columnWidth={columnWidth}\n          maxDisplayedLevels={maxDisplayedLevels}\n          previousLevelsControlLabel={previousLevelsControlLabel}\n          nextLevelsControlLabel={nextLevelsControlLabel}\n          maxDropdownHeight={maxDropdownHeight}\n          nothingFoundMessage={nothingFoundMessage}\n          getStyles={getStyles}\n          unstyled={unstyled}\n          scrollAreaProps={scrollAreaProps}\n          onOptionClick={cascader.handleOptionClick}\n          onOptionMouseEnter={cascader.handleOptionMouseEnter}\n          onColumnsMouseLeave={() => {\n            if (expandTrigger === 'hover') {\n              cascader.setActivePath(cascader.value ?? []);\n            }\n          }}\n          onPointerActivity={() => cascader.setKeyboardNav(false)}\n          listId={listId}\n        />\n      )}\n    </Combobox.Dropdown>\n  );\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        __staticSelector=\"Cascader\"\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        readOnly={readOnly}\n        size={size}\n        attributes={attributes}\n        width={showFlatList ? 'target' : 'max-content'}\n        position=\"bottom-start\"\n        onOptionSubmit={(val) => {\n          const index = Number(val);\n          const flatPath = flatListItems[index];\n          if (!flatPath || flatPath.disabled) {\n            return;\n          }\n          cascader.selectPath(flatPath.path);\n          cascader.setActivePath(flatPath.path);\n          if (shouldCloseOnSelect) {\n            combobox.closeDropdown();\n          }\n        }}\n        {...comboboxProps}\n      >\n        <Combobox.Target\n          targetType={searchable ? 'input' : 'button'}\n          withKeyboardNavigation={showFlatList}\n          autoComplete={autoComplete}\n        >\n          <InputBase\n            id={_id}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            {...rest}\n            {...styleProps}\n            size={size}\n            __staticSelector=\"Cascader\"\n            disabled={disabled}\n            readOnly={readOnly || !searchable}\n            value={searchable ? _searchValue : displayString}\n            onChange={(event) => handleSearchChange(event.currentTarget.value)}\n            onFocus={(event) => {\n              if (openOnFocus && searchable && canInteract) {\n                combobox.openDropdown();\n              }\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              combobox.closeDropdown();\n              onBlur?.(event);\n            }}\n            onClick={(event) => {\n              if (canInteract) {\n                cascader.setKeyboardNav(false);\n                if (searchable) {\n                  combobox.openDropdown();\n                } else {\n                  combobox.toggleDropdown();\n                }\n              }\n              onClick?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            pointer={!searchable}\n            error={error}\n            success={success}\n            attributes={attributes}\n            className={className}\n            style={style}\n            variant={variant}\n            radius={radius}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            successProps={successProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            withErrorStyles={withErrorStyles}\n            withSuccessStyles={withSuccessStyles}\n            placeholder={placeholder}\n            required={required}\n            mod={mod}\n          />\n        </Combobox.Target>\n        {dropdown}\n      </Combobox>\n      <Combobox.HiddenInput\n        value={cascader.value}\n        name={name}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nCascader.classes = { ...InputBase.classes, ...Combobox.classes, ...classes };\nCascader.displayName = '@mantine/core/Cascader';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwMA,MAAM,eAAe;CACnB,eAAe;CACf,gBAAgB;CAChB,eAAe;CACf,eAAe;CACf,mBAAmB;CACnB,aAAa;CACb,YAAY;CACZ,WAAW;CACX,oBAAoB;CACpB,4BAA4B;CAC5B,wBAAwB;CACxB,mBAAmB;CACnB,aAAa;CACb,MAAM;AACR;AAEA,SAAS,oBAAoB,QAAgC;CAC3D,OAAO,OAAO,OAAO,UAAU,YAAY,OAAO,OAAO,UAAU,WAC/D,OAAO,OAAO,KAAK,IACnB,OAAO;AACb;AAEA,SAAS,wBAAwB,SAAmC;CAClE,OAAO,QAAQ,WAAW,WAAW,CAAC,OAAO,QAAQ;AACvD;AAEA,SAAS,uBAAuB,SAAmC;CACjE,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,SAAS,GAAG,SAAS,GACxD,IAAI,CAAC,QAAQ,MAAM,CAAC,UAClB,OAAO;CAGX,OAAO;AACT;AAEA,SAAS,eAAe,SAA2B,WAA2B;CAC5E,OAAO,QAAQ,IAAI,mBAAmB,CAAC,CAAC,KAAK,IAAI,UAAU,EAAE;AAC/D;AAEA,SAAS,sBACP,OACA,SACA,WACS;CACT,MAAM,UAAU,MAAM,KAAK,CAAC,CAAC,YAAY;CACzC,IAAI,QAAQ,WAAW,GACrB,OAAO;CAET,OAAO,eAAe,SAAS,SAAS,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,OAAO;AAC1E;AAEA,SAAS,0BACP,SACA,WACiB;CACjB,OAAO,QAAQ,KAAK,QAAQ,UAC1B,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,KAAK,qBAAC,QAAD;EAAM,2BAAA;YAAN;GAA8B;GAAE;GAAU;EAAO;KAC9D,OAAO,SAAS,OAAO,KAChB,EAAA,GAHK,OAAO,KAGZ,CACX;AACH;AAEA,MAAa,WAAW,SAA0B,WAAW;CAC3D,MAAM,QAAQ,SAAS;EAAC;EAAS;EAAgB;CAAU,GAAG,cAAqB,MAAM;CACzF,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MACA,MACA,OACA,cACA,UACA,gBACA,eACA,eACA,eACA,mBACA,aACA,eACA,YACA,aACA,oBACA,gBACA,QACA,oBACA,aACA,cACA,WACA,aACA,oBACA,4BACA,wBACA,mBACA,qBACA,WACA,kBACA,kBACA,SACA,gBACA,uBACA,gBACA,iBACA,eACA,iBACA,cACA,kBACA,aACA,SACA,WACA,SACA,QACA,SACA,UACA,UACA,QACA,cACA,mBACA,2BACA,mBACA,aACA,kBACA,0BACA,kBACA,gBACA,mBACA,cACA,YACA,kBACA,YACA,cACA,cACA,aACA,OACA,OACA,SACA,iBACA,mBACA,MACA,MACA,IACA,aACA,UACA,KACA,YACA,GAAG,WACD;CAEJ,MAAM,MAAMA,QAAM,EAAE;CACpB,MAAM,kBACJ,OAAO,cAAc,YAAY,OAAO,cAAc,WAAW,OAAO,SAAS,IAAI;CAEvF,MAAM,WAAW,YAAY;EAC3B,QAAQ;EACR,eAAe;EACf,sBAAsB;GACpB,iBAAiB;GACjB,SAAS,gBAAgB;EAC3B;EACA,uBAAuB;GACrB,kBAAkB;GAClB,IAAI,YACF,eAAe,SAAS,QAAQ,gBAAgB,EAAE;EAEtD;CACF,CAAC;CAGD,MAAM,sBAAsB,iBAAiB,CAAC;CAE9C,MAAM,WAAW,YAAY;EAC3B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,oBAAoB;GAClB,IAAI,qBACF,SAAS,cAAc;EAE3B;CACF,CAAC;CAED,MAAM,YAAY,UAA2B;EAC3C,MAAM;EACN,SAAA;EACO;EACP;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,oBAAoB,mBAAmB,qBAAsC;EACnF;EACA;EACA;CACF,CAAC;CAED,MAAM,EACJ,YACA,MAAM,EAAE,MAAM,cAAc,GAAG,WAC7B,kBAAkB,MAAM;CAE5B,MAAM,gBAAgB,cAAc;EAClC,IAAI,SAAS,YAAY,WAAW,KAAK,CAAC,SAAS,OACjD,OAAO;EAET,IAAI,aAAa;GACf,MAAM,WAAW,YAAY;IAAE,OAAO,SAAS;IAAO,SAAS,SAAS;GAAY,CAAC;GACrF,IAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UACtD,OAAO,OAAO,QAAQ;EAE1B;EACA,OAAO,eAAe,SAAS,aAAa,eAAe;CAC7D,GAAG;EAAC,SAAS;EAAa,SAAS;EAAO;EAAa;CAAe,CAAC;CASvE,MAAM,CAAC,cAAc,kBAAkB,gBAAgB;EACrD,OAAO;EACP,cAAc;EACd,YAVyB,cAAc;GACvC,IAAI,CAAC,cAAc,CAAC,cAClB,OAAO;GAET,OAAO,eAAe,uBAAuB,MAAM,YAAY,GAAG,eAAe;EACnF,GAAG,CAAC,CAK2B;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,cACJ,CAAC,CAAC,cAAc,aAAa,KAAK,CAAC,CAAC,SAAS,KAAK,iBAAiB;CAErE,gBAAgB;EACd,IAAI,YACF,eAAe,SAAS,QAAQ,gBAAgB,EAAE;CAEtD,GAAG,CAAC,SAAS,KAAK,CAAC;CAGnB,MAAM,eAAe,eAAe,CAAC;CAErC,MAAM,YAAY,cAAc,qBAAqB,IAAI,GAAG,CAAC,IAAI,CAAC;CAElE,MAAM,gBAAgB,cAAc;EAClC,IAAI,CAAC,cACH,OAAO,CAAC;EAEV,MAAM,OAAO,UAAU,QAAQ,aAAc,iBAAiB,OAAO,SAAS,IAAK;EACnF,IAAI,CAAC,aACH,OAAO;EAET,OAAO,KAAK,QAAQ,aAClB,SACI,OAAO,cAAc,SAAS,OAAO,IACrC,sBAAsB,cAAc,SAAS,SAAS,eAAe,CAC3E;CACF,GAAG;EAAC;EAAW;EAAc;EAAa;EAAc;EAAgB;EAAQ;CAAe,CAAC;CAEhG,MAAM,cAAc,CAAC,YAAY,CAAC;CAElC,MAAM,sBAAsB,cAAsB;EAChD,eAAe,SAAS;EACxB,IAAI,aACF,SAAS,aAAa;CAE1B;CAEA,MAAM,iBAAiB,UAAiD;EACtE,YAAY,KAAK;EAEjB,IAAI,MAAM,QAAQ,UAAU;GAC1B,SAAS,cAAc;GACvB;EACF;EAEA,IAAI,gBAAgB,CAAC,aACnB;EAGF,IAAI,CAAC,SAAS,gBAAgB;GAQ5B,IANE,MAAM,QAAQ,eACd,MAAM,QAAQ,aACd,MAAM,QAAQ,gBACd,MAAM,QAAQ,WACb,CAAC,cAAc,MAAM,QAAQ,KAEb;IACjB,MAAM,eAAe;IACrB,SAAS,eAAe,IAAI;IAC5B,SAAS,aAAa;IAEtB,IAAI,CAAC,SAAS,UAAU,MAAM,QAAQ,eAAe,MAAM,QAAQ,YAAY;KAC7E,MAAM,YACJ,MAAM,QAAQ,cACV,wBAAwB,IAAI,IAC5B,uBAAuB,IAAI;KACjC,IAAI,aAAa,GACf,SAAS,cAAc,CAAC,KAAK,UAAU,CAAC,KAAK,CAAC;IAElD;GACF;GACA;EACF;EAEA,IAAI,SAAS,qBAAqB,KAAK,GACrC,MAAM,eAAe;OAChB,IAAI,CAAC,cAAc,MAAM,QAAQ,KACtC,MAAM,eAAe;CAEzB;CAEA,MAAM,cACJ,oBAAC,SAAS,aAAV;EACE,GAAI;EACJ,eAAe;GACb,UAAU;GACV,SAAS,SAAS,IAAI;GACtB,SAAS,cAAc,CAAC,CAAC;GACzB,eAAe,EAAE;GACjB,SAAS,YAAY;EACvB;CACD,CAAA;CAGH,MAAM,WAAW,MAAM,QAAQ,SAAS,KAAK,KAAK,SAAS,MAAM,SAAS;CAC1E,MAAM,aAAa,aAAa,YAAY,CAAC,YAAY,CAAC;CAE1D,MAAM,SAAS,MAAM,GAAG,IAAI,kBAAkB,KAAA;CAC9C,MAAM,WAAW,SAAS,QAAQ,KAAK,UAAU,SAAS,KAAK,IAAI;CAEnE,MAAM,WACJ,oBAAC,SAAS,UAAV;EACE,QAAQ,YAAY;EACpB,OAAO,eAAe,KAAA,IAAY,EAAE,SAAS,EAAE;YAE9C,eACC,qBAAC,SAAS,SAAV;GAAkB,cAAY,OAAO,UAAU,WAAW,QAAQ,KAAA;aAAlE,CACE,oBAAC,WAAW,UAAZ;IACE,KAAK,qBAAqB;IAC1B,MAAK;IACL,eAAc;IACd,kBAAiB;IACjB,GAAI;cAEH,cAAc,KAAK,UAAU,UAAU;KACtC,MAAM,UAAU,KAAK,UAAU,SAAS,IAAI;KAC5C,MAAM,SAAS,aAAa,QAAQ,YAAY;KAChD,OACE,oBAAC,SAAS,QAAV;MAEE,OAAO,GAAG;MACF;MACR,UAAU,SAAS;gBAEnB,qBAAC,QAAD;OAAM,GAAI,UAAU,YAAY;iBAAhC;QACG,UAAU,iBAAiB,sBAAsB,UAChD,oBAAC,WAAD,EAAW,GAAI,UAAU,mBAAmB,EAAI,CAAA;QAElD,oBAAC,QAAD;SAAM,GAAI,UAAU,mBAAmB;mBACpC,qBACG,mBAAmB,cAAc,SAAS,OAAO,IACjD,0BAA0B,SAAS,SAAS,SAAS;QACrD,CAAA;QACL,UAAU,iBAAiB,sBAAsB,UAChD,oBAAC,WAAD,EAAW,GAAI,UAAU,mBAAmB,EAAI,CAAA;OAE9C;;KACS,GAlBV,OAkBU;IAErB,CAAC;GACkB,CAAA,GACpB,cAAc,WAAW,KAAK,uBAC7B,oBAAC,SAAS,OAAV,EAAA,UAAiB,oBAAoC,CAAA,CAEvC;OAElB,oBAAC,iBAAD;GACQ;GACN,YAAY,SAAS;GACrB,OAAO,SAAS;GAChB,aAAa,SAAS;GACP;GACI;GACL;GACD;GACO;GACQ;GACJ;GACL;GACE;GACV;GACD;GACO;GACjB,eAAe,SAAS;GACxB,oBAAoB,SAAS;GAC7B,2BAA2B;IACzB,IAAI,kBAAkB,SACpB,SAAS,cAAc,SAAS,SAAS,CAAC,CAAC;GAE/C;GACA,yBAAyB,SAAS,eAAe,KAAK;GAC9C;EACT,CAAA;CAEc,CAAA;CAGrB,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,UAAD;EACE,OAAO;EACP,kBAAiB;EACjB,YAAY;EACZ,QAAQ;EACE;EACA;EACJ;EACM;EACZ,OAAO,eAAe,WAAW;EACjC,UAAS;EACT,iBAAiB,QAAQ;GACvB,MAAM,QAAQ,OAAO,GAAG;GACxB,MAAM,WAAW,cAAc;GAC/B,IAAI,CAAC,YAAY,SAAS,UACxB;GAEF,SAAS,WAAW,SAAS,IAAI;GACjC,SAAS,cAAc,SAAS,IAAI;GACpC,IAAI,qBACF,SAAS,cAAc;EAE3B;EACA,GAAI;YAvBN,CAyBE,oBAAC,SAAS,QAAV;GACE,YAAY,aAAa,UAAU;GACnC,wBAAwB;GACV;aAEd,oBAAC,WAAD;IACE,IAAI;IACJ,uBACE,oBAAC,SAAS,SAAV;KACQ;KACC;KACG;KACV,OAAO;IACR,CAAA;IAEH,gBAAgB;IAChB,aAAa;IACb,oBAAoB;IACN;IACd,2BAA2B,6BAA6B;IACxD,GAAI;IACJ,GAAI;IACE;IACN,kBAAiB;IACP;IACV,UAAU,YAAY,CAAC;IACvB,OAAO,aAAa,eAAe;IACnC,WAAW,UAAU,mBAAmB,MAAM,cAAc,KAAK;IACjE,UAAU,UAAU;KAClB,IAAI,eAAe,cAAc,aAC/B,SAAS,aAAa;KAExB,UAAU,KAAK;IACjB;IACA,SAAS,UAAU;KACjB,SAAS,cAAc;KACvB,SAAS,KAAK;IAChB;IACA,UAAU,UAAU;KAClB,IAAI,aAAa;MACf,SAAS,eAAe,KAAK;MAC7B,IAAI,YACF,SAAS,aAAa;WAEtB,SAAS,eAAe;KAE5B;KACA,UAAU,KAAK;IACjB;IACA,WAAW;IACX,YAAY;IACZ,QAAQ;IACE;IACV,SAAS,CAAC;IACH;IACE;IACG;IACD;IACJ;IACE;IACD;IACK;IACK;IACQ;IACR;IACC;IACA;IACH;IACG;IACL;IACF;IACM;IACN;IACE;IACA;IACD;IACN;IACU;IACE;IACN;IACH;IACL;GACN,CAAA;EACc,CAAA,GAChB,QACO;KACV,oBAAC,SAAS,aAAV;EACE,OAAO,SAAS;EACV;EACA;EACI;EACV,GAAI;CACL,CAAA,CACD,EAAA,CAAA;AAEN,CAAC;AAED,SAAS,UAAU;CAAE,GAAG,UAAU;CAAS,GAAG,SAAS;CAAS,GAAGC;AAAQ;AAC3E,SAAS,cAAc"}
+{"version":3,"file":"Cascader.mjs","names":["useId","classes"],"sources":["../../../src/components/Cascader/Cascader.tsx"],"sourcesContent":["import { Fragment, useEffect, useMemo } from 'react';\nimport type { SafePolygonOptions } from '@floating-ui/react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  extractStyleProps,\n  Factory,\n  factory,\n  MantineColor,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n  useStyles,\n} from '../../core';\nimport { CheckIcon } from '../Checkbox/CheckIcon';\nimport { Combobox, ComboboxLikeStylesNames, useCombobox } from '../Combobox';\nimport { isExternalInputChange } from '../Combobox/is-external-input-change/is-external-input-change';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { ScrollArea, ScrollAreaProps } from '../ScrollArea';\nimport { CascaderColumns } from './CascaderColumns';\nimport { flattenCascaderPaths } from './flatten-cascader-paths';\nimport { getCascaderPathOptions } from './get-cascader-path-options';\nimport { useCascader } from './use-cascader';\nimport classes from './Cascader.module.css';\n\nexport interface CascaderOption {\n  /** Option value, must be unique across the whole data tree */\n  value: string;\n\n  /** Option label, if not set `value` is used instead */\n  label?: React.ReactNode;\n\n  /** Nested options */\n  children?: CascaderOption[];\n\n  /** If set, the option cannot be selected or expanded */\n  disabled?: boolean;\n}\n\nexport interface CascaderFormatValueInput {\n  /** Selected path from root to node */\n  value: string[];\n\n  /** Option chain resolved from the selected path */\n  options: CascaderOption[];\n}\n\nexport type CascaderFormatValue = (input: CascaderFormatValueInput) => React.ReactNode;\n\nexport type CascaderSafeAreaPolygonOptions = Omit<SafePolygonOptions, 'blockPointerEvents'>;\n\nexport type CascaderStylesNames =\n  | __InputStylesNames\n  | ComboboxLikeStylesNames\n  | 'columnsList'\n  | 'columnsOverflow'\n  | 'column'\n  | 'columnScroll'\n  | 'columnOption'\n  | 'columnOptionLabel'\n  | 'columnOptionIcon'\n  | 'columnOptionCheck'\n  | 'columnEmpty'\n  | 'flatOption';\n\nexport interface CascaderProps\n  extends\n    BoxProps,\n    __BaseInputProps,\n    StylesApiProps<CascaderFactory>,\n    ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {\n  /** Hierarchical options data */\n  data: CascaderOption[];\n\n  /** Controlled selected path from root to node */\n  value?: string[] | null;\n\n  /** Uncontrolled selected path from root to node */\n  defaultValue?: string[] | null;\n\n  /** Called when the selected path changes with the path and the resolved option chain */\n  onChange?: (value: string[] | null, options: CascaderOption[]) => void;\n\n  /** If set, any intermediate option can be selected, not only leaf options @default false */\n  changeOnSelect?: boolean;\n\n  /** Determines whether the dropdown should be closed when a value is selected, defaults to `!allowDeselect` */\n  closeOnSelect?: boolean;\n\n  /** If set, the selected value can be deselected by selecting it again @default true */\n  allowDeselect?: boolean;\n\n  /** If set, the check icon is displayed on the selected option @default true */\n  withCheckIcon?: boolean;\n\n  /** Position of the check icon relative to the option label @default 'right' */\n  checkIconPosition?: 'left' | 'right';\n\n  /** Renders the dropdown as cascading columns. When `false`, options are rendered as a flat list of paths, the same way as search results (useful for narrow/mobile layouts) @default true */\n  withColumns?: boolean;\n\n  /** Determines how the next column is opened @default 'click' */\n  expandTrigger?: 'click' | 'hover';\n\n  /** Determines whether the next column stays open while the cursor moves toward it, applicable only when `expandTrigger=\"hover\"`. Pass an object to configure safe polygon behavior. @default true */\n  safeAreaPolygon?: boolean | CascaderSafeAreaPolygonOptions;\n\n  /** If set, options can be searched by their flattened paths @default false */\n  searchable?: boolean;\n\n  /** Controlled search value */\n  searchValue?: string;\n\n  /** Uncontrolled search value */\n  defaultSearchValue?: string;\n\n  /** Called when the search value changes */\n  onSearchChange?: (value: string) => void;\n\n  /** Custom search filter, matched against the full option path */\n  filter?: (query: string, options: CascaderOption[]) => boolean;\n\n  /** Custom rendering of a search result row */\n  renderSearchOption?: (query: string, options: CascaderOption[]) => React.ReactNode;\n\n  /** A function to format the selected path displayed in the input, should return a string */\n  formatValue?: CascaderFormatValue;\n\n  /** Custom rendering of an option in columns */\n  renderOption?: (option: CascaderOption, level: number) => React.ReactNode;\n\n  /** Path separator displayed in the input and search results @default '/' */\n  separator?: React.ReactNode;\n\n  /** Width of each column */\n  columnWidth?: number | string;\n\n  /** Maximum number of columns (levels) displayed next to each other, deeper levels replace earlier ones @default 3 */\n  maxDisplayedLevels?: number;\n\n  /** `aria-label` and `title` of the control that reveals levels hidden before the visible ones by `maxDisplayedLevels` @default 'Show previous levels' */\n  previousLevelsControlLabel?: string;\n\n  /** `aria-label` and `title` of the control that reveals levels hidden after the visible ones by `maxDisplayedLevels` @default 'Show next levels' */\n  nextLevelsControlLabel?: string;\n\n  /** Max height of a column before it becomes scrollable @default 260 */\n  maxDropdownHeight?: number | string;\n\n  /** Message displayed when there are no options or search results */\n  nothingFoundMessage?: React.ReactNode;\n\n  /** If set, the clear button is displayed when a value is selected @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and `rightSection` are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** Props passed down to the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** Called when the clear button is clicked */\n  onClear?: () => void;\n\n  /** Controlled dropdown opened state */\n  dropdownOpened?: boolean;\n\n  /** Uncontrolled dropdown opened state */\n  defaultDropdownOpened?: boolean;\n\n  /** Called when the dropdown opens */\n  onDropdownOpen?: () => void;\n\n  /** Called when the dropdown closes */\n  onDropdownClose?: () => void;\n\n  /** Props passed down to the underlying `Combobox` component */\n  comboboxProps?: Record<string, any>;\n\n  /** Props passed down to the dropdown `ScrollArea` */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Controls the default chevron color */\n  chevronColor?: MantineColor;\n\n  /** Props passed down to the hidden input */\n  hiddenInputProps?: Omit<React.ComponentProps<'input'>, 'value'>;\n\n  /** Opens the dropdown when the input is focused in `searchable` mode @default true */\n  openOnFocus?: boolean;\n}\n\nexport type CascaderFactory = Factory<{\n  props: CascaderProps;\n  ref: HTMLInputElement;\n  stylesNames: CascaderStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps = {\n  expandTrigger: 'click',\n  safeAreaPolygon: true,\n  changeOnSelect: false,\n  allowDeselect: true,\n  withCheckIcon: true,\n  checkIconPosition: 'right',\n  withColumns: true,\n  searchable: false,\n  separator: '/',\n  maxDisplayedLevels: 3,\n  previousLevelsControlLabel: 'Show previous levels',\n  nextLevelsControlLabel: 'Show next levels',\n  maxDropdownHeight: 260,\n  openOnFocus: true,\n  size: 'sm',\n} satisfies Partial<CascaderProps>;\n\nfunction optionLabelToString(option: CascaderOption): string {\n  return typeof option.label === 'string' || typeof option.label === 'number'\n    ? String(option.label)\n    : option.value;\n}\n\nfunction firstEnabledOptionIndex(options: CascaderOption[]): number {\n  return options.findIndex((option) => !option.disabled);\n}\n\nfunction lastEnabledOptionIndex(options: CascaderOption[]): number {\n  for (let index = options.length - 1; index >= 0; index -= 1) {\n    if (!options[index].disabled) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nfunction joinPathLabels(options: CascaderOption[], separator: string): string {\n  return options.map(optionLabelToString).join(` ${separator} `);\n}\n\nfunction defaultCascaderFilter(\n  query: string,\n  options: CascaderOption[],\n  separator: string\n): boolean {\n  const trimmed = query.trim().toLowerCase();\n  if (trimmed.length === 0) {\n    return true;\n  }\n  return joinPathLabels(options, separator).toLowerCase().includes(trimmed);\n}\n\nfunction defaultRenderSearchOption(\n  options: CascaderOption[],\n  separator: React.ReactNode\n): React.ReactNode {\n  return options.map((option, index) => (\n    <Fragment key={option.value}>\n      {index > 0 && <span data-cascader-separator> {separator} </span>}\n      {option.label ?? option.value}\n    </Fragment>\n  ));\n}\n\nexport const Cascader = factory<CascaderFactory>((_props) => {\n  const props = useProps(['Input', 'InputWrapper', 'Cascader'], defaultProps as any, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    data,\n    value,\n    defaultValue,\n    onChange,\n    changeOnSelect,\n    closeOnSelect,\n    allowDeselect,\n    withCheckIcon,\n    checkIconPosition,\n    withColumns,\n    expandTrigger,\n    safeAreaPolygon,\n    searchable,\n    searchValue,\n    defaultSearchValue,\n    onSearchChange,\n    filter,\n    renderSearchOption,\n    formatValue,\n    renderOption,\n    separator,\n    columnWidth,\n    maxDisplayedLevels,\n    previousLevelsControlLabel,\n    nextLevelsControlLabel,\n    maxDropdownHeight,\n    nothingFoundMessage,\n    clearable,\n    clearSectionMode,\n    clearButtonProps,\n    onClear,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownOpen,\n    onDropdownClose,\n    comboboxProps,\n    scrollAreaProps,\n    chevronColor,\n    hiddenInputProps,\n    openOnFocus,\n    variant,\n    onKeyDown,\n    onFocus,\n    onBlur,\n    onClick,\n    readOnly,\n    disabled,\n    radius,\n    rightSection,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    rightSectionProps,\n    leftSection,\n    leftSectionWidth,\n    leftSectionPointerEvents,\n    leftSectionProps,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    successProps,\n    wrapperProps,\n    description,\n    label,\n    error,\n    success,\n    withErrorStyles,\n    withSuccessStyles,\n    name,\n    form,\n    id,\n    placeholder,\n    required,\n    mod,\n    attributes,\n    ...others\n  } = props;\n\n  const _id = useId(id);\n  const separatorString =\n    typeof separator === 'string' || typeof separator === 'number' ? String(separator) : '/';\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      cascader.resetActivePath();\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      if (searchable) {\n        setSearchValue(cascader.value ? displayString : '');\n      }\n    },\n  });\n\n  // When `allowDeselect` is enabled, keep the dropdown open by default so the value can be toggled\n  const shouldCloseOnSelect = closeOnSelect ?? !allowDeselect;\n\n  const cascader = useCascader({\n    data,\n    value,\n    defaultValue,\n    onChange,\n    changeOnSelect,\n    allowDeselect,\n    expandTrigger,\n    onLeafSelect: () => {\n      if (shouldCloseOnSelect) {\n        combobox.closeDropdown();\n      }\n    },\n  });\n\n  const getStyles = useStyles<CascaderFactory>({\n    name: 'Cascader',\n    classes,\n    props: props as any,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<CascaderFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  const {\n    styleProps,\n    rest: { type, autoComplete, ...rest },\n  } = extractStyleProps(others);\n\n  const displayString = useMemo(() => {\n    if (cascader.pathOptions.length === 0 || !cascader.value) {\n      return '';\n    }\n    if (formatValue) {\n      const rendered = formatValue({ value: cascader.value, options: cascader.pathOptions });\n      if (typeof rendered === 'string' || typeof rendered === 'number') {\n        return String(rendered);\n      }\n    }\n    return joinPathLabels(cascader.pathOptions, separatorString);\n  }, [cascader.pathOptions, cascader.value, formatValue, separatorString]);\n\n  const initialSearchValue = useMemo(() => {\n    if (!searchable || !defaultValue) {\n      return '';\n    }\n    return joinPathLabels(getCascaderPathOptions(data, defaultValue), separatorString);\n  }, []);\n\n  const [_searchValue, setSearchValue] = useUncontrolled({\n    value: searchValue,\n    defaultValue: defaultSearchValue,\n    finalValue: initialSearchValue,\n    onChange: onSearchChange,\n  });\n\n  const isSearching =\n    !!searchable && _searchValue.trim().length > 0 && _searchValue !== displayString;\n\n  useEffect(() => {\n    if (searchable) {\n      setSearchValue(cascader.value ? displayString : '');\n    }\n  }, [cascader.value]);\n\n  // The dropdown renders a flat list of paths when searching or when `withColumns` is disabled\n  const showFlatList = isSearching || !withColumns;\n\n  const flatPaths = useMemo(() => flattenCascaderPaths(data), [data]);\n\n  const flatListItems = useMemo(() => {\n    if (!showFlatList) {\n      return [];\n    }\n    const base = flatPaths.filter((flatPath) => (changeOnSelect ? true : flatPath.leaf));\n    if (!isSearching) {\n      return base;\n    }\n    return base.filter((flatPath) =>\n      filter\n        ? filter(_searchValue, flatPath.options)\n        : defaultCascaderFilter(_searchValue, flatPath.options, separatorString)\n    );\n  }, [flatPaths, showFlatList, isSearching, _searchValue, changeOnSelect, filter, separatorString]);\n\n  const canInteract = !readOnly && !disabled;\n\n  const handleSearchChange = (nextValue: string) => {\n    setSearchValue(nextValue);\n    if (canInteract) {\n      combobox.openDropdown();\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.key === 'Escape') {\n      combobox.closeDropdown();\n      return;\n    }\n\n    if (showFlatList || !canInteract) {\n      return;\n    }\n\n    if (!combobox.dropdownOpened) {\n      const opensDropdown =\n        event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowRight' ||\n        event.key === 'Enter' ||\n        (!searchable && event.key === ' ');\n\n      if (opensDropdown) {\n        event.preventDefault();\n        cascader.setKeyboardNav(true);\n        combobox.openDropdown();\n\n        if (!cascader.value && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n          const rootIndex =\n            event.key === 'ArrowDown'\n              ? firstEnabledOptionIndex(data)\n              : lastEnabledOptionIndex(data);\n          if (rootIndex >= 0) {\n            cascader.setActivePath([data[rootIndex].value]);\n          }\n        }\n      }\n      return;\n    }\n\n    if (cascader.handleColumnsKeyDown(event)) {\n      event.preventDefault();\n    } else if (!searchable && event.key === ' ') {\n      event.preventDefault();\n    }\n  };\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        onClear?.();\n        cascader.setValue(null);\n        cascader.setActivePath([]);\n        setSearchValue('');\n        combobox.focusTarget();\n      }}\n    />\n  );\n\n  const hasValue = Array.isArray(cascader.value) && cascader.value.length > 0;\n  const _clearable = clearable && hasValue && !disabled && !readOnly;\n\n  const listId = _id ? `${_id}-cascader-list` : undefined;\n  const valueKey = cascader.value ? JSON.stringify(cascader.value) : null;\n\n  const dropdown = (\n    <Combobox.Dropdown\n      hidden={readOnly || disabled}\n      style={showFlatList ? undefined : { padding: 0 }}\n    >\n      {showFlatList ? (\n        <Combobox.Options aria-label={typeof label === 'string' ? label : undefined}>\n          <ScrollArea.Autosize\n            mah={maxDropdownHeight ?? 260}\n            type=\"scroll\"\n            scrollbarSize=\"var(--combobox-padding)\"\n            offsetScrollbars=\"y\"\n            {...scrollAreaProps}\n          >\n            {flatListItems.map((flatPath, index) => {\n              const pathKey = JSON.stringify(flatPath.path);\n              const active = valueKey !== null && pathKey === valueKey;\n              return (\n                <Combobox.Option\n                  key={pathKey}\n                  value={`${index}`}\n                  active={active}\n                  disabled={flatPath.disabled}\n                >\n                  <span {...getStyles('flatOption')}>\n                    {active && withCheckIcon && checkIconPosition === 'left' && (\n                      <CheckIcon {...getStyles('columnOptionCheck')} />\n                    )}\n                    <span {...getStyles('columnOptionLabel')}>\n                      {renderSearchOption\n                        ? renderSearchOption(_searchValue, flatPath.options)\n                        : defaultRenderSearchOption(flatPath.options, separator)}\n                    </span>\n                    {active && withCheckIcon && checkIconPosition !== 'left' && (\n                      <CheckIcon {...getStyles('columnOptionCheck')} />\n                    )}\n                  </span>\n                </Combobox.Option>\n              );\n            })}\n          </ScrollArea.Autosize>\n          {flatListItems.length === 0 && nothingFoundMessage && (\n            <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>\n          )}\n        </Combobox.Options>\n      ) : (\n        <CascaderColumns\n          data={data}\n          activePath={cascader.activePath}\n          value={cascader.value}\n          keyboardNav={cascader.keyboardNav}\n          withCheckIcon={withCheckIcon}\n          checkIconPosition={checkIconPosition}\n          renderOption={renderOption}\n          columnWidth={columnWidth}\n          maxDisplayedLevels={maxDisplayedLevels}\n          previousLevelsControlLabel={previousLevelsControlLabel}\n          nextLevelsControlLabel={nextLevelsControlLabel}\n          maxDropdownHeight={maxDropdownHeight}\n          nothingFoundMessage={nothingFoundMessage}\n          getStyles={getStyles}\n          unstyled={unstyled}\n          scrollAreaProps={scrollAreaProps}\n          onOptionClick={cascader.handleOptionClick}\n          onOptionMouseEnter={cascader.handleOptionMouseEnter}\n          onColumnsMouseLeave={() => {\n            if (expandTrigger === 'hover') {\n              cascader.setActivePath(cascader.value ?? []);\n            }\n          }}\n          onPointerActivity={() => cascader.setKeyboardNav(false)}\n          listId={listId}\n          safeAreaPolygon={expandTrigger === 'hover' ? safeAreaPolygon : false}\n        />\n      )}\n    </Combobox.Dropdown>\n  );\n\n  return (\n    <>\n      <Combobox\n        store={combobox}\n        __staticSelector=\"Cascader\"\n        classNames={resolvedClassNames}\n        styles={resolvedStyles}\n        unstyled={unstyled}\n        readOnly={readOnly}\n        size={size}\n        attributes={attributes}\n        width={showFlatList ? 'target' : 'max-content'}\n        position=\"bottom-start\"\n        onOptionSubmit={(val) => {\n          const index = Number(val);\n          const flatPath = flatListItems[index];\n          if (!flatPath || flatPath.disabled) {\n            return;\n          }\n          cascader.selectPath(flatPath.path);\n          cascader.setActivePath(flatPath.path);\n          if (shouldCloseOnSelect) {\n            combobox.closeDropdown();\n          }\n        }}\n        {...comboboxProps}\n      >\n        <Combobox.Target\n          targetType={searchable ? 'input' : 'button'}\n          withKeyboardNavigation={showFlatList}\n          autoComplete={autoComplete}\n        >\n          <InputBase\n            id={_id}\n            __defaultRightSection={\n              <Combobox.Chevron\n                size={size}\n                error={error}\n                unstyled={unstyled}\n                color={chevronColor}\n              />\n            }\n            __clearSection={clearButton}\n            __clearable={_clearable}\n            __clearSectionMode={clearSectionMode}\n            rightSection={rightSection}\n            rightSectionPointerEvents={rightSectionPointerEvents || 'none'}\n            {...rest}\n            {...styleProps}\n            size={size}\n            __staticSelector=\"Cascader\"\n            disabled={disabled}\n            readOnly={readOnly || !searchable}\n            value={searchable ? _searchValue : displayString}\n            onChange={(event) => {\n              if (isExternalInputChange(event)) {\n                return;\n              }\n\n              handleSearchChange(event.currentTarget.value);\n            }}\n            onFocus={(event) => {\n              if (openOnFocus && searchable && canInteract) {\n                combobox.openDropdown();\n              }\n              onFocus?.(event);\n            }}\n            onBlur={(event) => {\n              combobox.closeDropdown();\n              onBlur?.(event);\n            }}\n            onClick={(event) => {\n              if (canInteract) {\n                cascader.setKeyboardNav(false);\n                if (searchable) {\n                  combobox.openDropdown();\n                } else {\n                  combobox.toggleDropdown();\n                }\n              }\n              onClick?.(event);\n            }}\n            onKeyDown={handleKeyDown}\n            classNames={resolvedClassNames}\n            styles={resolvedStyles}\n            unstyled={unstyled}\n            pointer={!searchable}\n            error={error}\n            success={success}\n            attributes={attributes}\n            className={className}\n            style={style}\n            variant={variant}\n            radius={radius}\n            leftSection={leftSection}\n            leftSectionWidth={leftSectionWidth}\n            leftSectionPointerEvents={leftSectionPointerEvents}\n            leftSectionProps={leftSectionProps}\n            rightSectionWidth={rightSectionWidth}\n            rightSectionProps={rightSectionProps}\n            inputContainer={inputContainer}\n            inputWrapperOrder={inputWrapperOrder}\n            withAsterisk={withAsterisk}\n            labelProps={labelProps}\n            descriptionProps={descriptionProps}\n            errorProps={errorProps}\n            successProps={successProps}\n            wrapperProps={wrapperProps}\n            description={description}\n            label={label}\n            withErrorStyles={withErrorStyles}\n            withSuccessStyles={withSuccessStyles}\n            placeholder={placeholder}\n            required={required}\n            mod={mod}\n          />\n        </Combobox.Target>\n        {dropdown}\n      </Combobox>\n      <Combobox.HiddenInput\n        value={cascader.value}\n        name={name}\n        form={form}\n        disabled={disabled}\n        {...hiddenInputProps}\n      />\n    </>\n  );\n});\n\nCascader.classes = { ...InputBase.classes, ...Combobox.classes, ...classes };\nCascader.displayName = '@mantine/core/Cascader';\n"],"mappings":"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"}

package/esm/components/Cascader/CascaderColumns.mjs

@@ -4,13 +4,14 @@ import { UnstyledButton } from "../UnstyledButton/UnstyledButton.mjs";
 import { AccordionChevron } from "../Accordion/AccordionChevron.mjs";
 import { CheckIcon } from "../Checkbox/CheckIcon.mjs";
 import { cascaderOptionHasChildren, getCascaderColumns } from "./get-cascader-columns.mjs";
-import { useState } from "react";
+import { useCascaderSafeArea } from "./use-cascader-safe-area.mjs";
+import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Cascader/CascaderColumns.tsx
 function getCascaderOptionId(listId, level, value) {
 	return listId ? `${listId}-${level}-${value}` : void 0;
 }
-function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon, checkIconPosition, renderOption, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, getStyles, unstyled, scrollAreaProps, onOptionClick, onOptionMouseEnter, onColumnsMouseLeave, onPointerActivity, listId }) {
+function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon, checkIconPosition, renderOption, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, getStyles, unstyled, scrollAreaProps, onOptionClick, onOptionMouseEnter, onColumnsMouseLeave, onPointerActivity, listId, safeAreaPolygon }) {
 	const allColumns = getCascaderColumns(data, activePath);
 	const totalColumns = allColumns.length;
 	const maxLevels = maxDisplayedLevels && maxDisplayedLevels > 0 ? maxDisplayedLevels : totalColumns;
@@ -37,10 +38,18 @@ function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon,
 	const hiddenBefore = windowStart;
 	const hiddenAfter = totalColumns - windowEnd;
 	const check = showCheckIcon ? /* @__PURE__ */ jsx(CheckIcon, { ...getStyles("columnOptionCheck") }) : null;
+	const columnRefs = useRef({});
+	const safeArea = useCascaderSafeArea({
+		safeAreaPolygon,
+		onFlush: onOptionMouseEnter
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		...getStyles("columnsList"),
 		role: "presentation",
-		onMouseLeave: onColumnsMouseLeave,
+		onMouseLeave: () => {
+			safeArea.disarm();
+			onColumnsMouseLeave?.();
+		},
 		onMouseMove: onPointerActivity,
 		children: [
 			hiddenBefore > 0 && /* @__PURE__ */ jsx(UnstyledButton, {
@@ -57,6 +66,9 @@ function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon,
 			visibleColumns.map((options, index) => {
 				const level = windowStart + index;
 				return /* @__PURE__ */ jsx("div", {
+					ref: (node) => {
+						columnRefs.current[level] = node;
+					},
 					"data-last": index === visibleColumns.length - 1 && hiddenAfter === 0 || void 0,
 					...getStyles("column", { style: columnWidth ? {
 						width: columnWidth,
@@ -94,7 +106,26 @@ function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon,
 									if (!option.disabled) onOptionClick(level, option);
 								},
 								onMouseEnter: () => {
-									if (!option.disabled) onOptionMouseEnter(level, option);
+									if (option.disabled) return;
+									if (safeArea.isBlocked(level)) {
+										safeArea.setPending(level, option);
+										return;
+									}
+									onOptionMouseEnter(level, option);
+								},
+								onMouseLeave: (event) => {
+									safeArea.clearPending(level, option);
+									if (!safeArea.enabled || option.disabled) return;
+									if (activePath[level] !== option.value) return;
+									const floating = columnRefs.current[level + 1];
+									if (!floating) return;
+									safeArea.arm({
+										level,
+										reference: event.currentTarget,
+										floating,
+										clientX: event.clientX,
+										clientY: event.clientY
+									});
 								},
 								...getStyles("columnOption"),
 								children: [