@neo4j-ndl/react 4.16.10 → 4.16.12

package/lib/esm/ai/prompt/Prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../src/ai/prompt/Prompt.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,eAAe,EACf,cAAc,EACd,IAAI,EACJ,OAAO,EACP,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjE,OAAO,aAAa,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAClG,OAAO,EAAE,qBAAqB,EAAE,MAAM,uDAAuD,CAAC;AAC9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAqCpF;;;;;;GAMG;AACH,MAAM,eAAe,GAAG,CAAC,EAoBS,EAAE,EAAE;QApBb,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,KAAK,EAClB,eAAe,GAAG,KAAK,EACvB,cAAc,EACd,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,aAAa,EACb,UAAU,EACV,aAAa,EACb,qBAAqB,EACrB,UAAU,GAAG,qCAAqC,EAClD,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,EACH,aAAa,OAEmB,EAD7B,SAAS,cAnBW,gRAoBxB,CADa;IAEZ,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,MAAM,gBAAgB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEhD,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,GAAkB,IAAI,CAAC;QAEhC,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBACtC,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;gBACzC,MAAM,SAAS,GAAG,UAAU,CAC1B,gBAAgB,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CACtD,CAAC;gBACF,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;gBAE1C,IAAI,YAAY,GAAG,SAAS,EAAE,CAAC;oBAC7B,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;gBAC1C,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;gBAC7C,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;YACD,KAAK,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAC;QAC/C,CAAC,CAAC;QAEF,gBAAgB;QAChB,aAAa,EAAE,CAAC;QAEhB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,cAAc,CAAC,CAAC;QAC1D,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAE9D,IAAI,gBAAgB,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACtC,cAAc,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACjD,gBAAgB,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE;gBACjD,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,IAAI;aACd,CAAC,CAAC;QACL,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;YACD,cAAc,CAAC,UAAU,EAAE,CAAC;YAC5B,gBAAgB,CAAC,UAAU,EAAE,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,qBAAqB;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACjC,MAAM,QAAQ,GAAG,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC9D,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC;QAE/B,IAAI,EAAE,KAAK,IAAI,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;YAClC,kDAAkD;YAClD,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAEzB,MAAM,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;YAEvC,IAAI,EAAE,CAAC,YAAY,IAAI,SAAS,EAAE,CAAC;gBACjC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC9B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC,YAAY,GAAG,EAAE,IAAI,CAAC;YAChD,CAAC;iBAAM,CAAC;gBACN,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;gBAC5B,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,SAAS,GAAG,EAAE,IAAI,CAAC;YAC1C,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,oBAAoB,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,CAAC,CAAyC,EAAE,EAAE;QAChE,oBAAoB,EAAE,CAAC;QACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,eAElB,eAAK,SAAS,EAAC,uBAAuB,aACnC,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,sBAAsB,YAAE,aAAa,GAAO,CAC5D,EACD,eAAK,SAAS,EAAC,6BAA6B,aACzC,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,cACE,SAAS,EAAC,8BAA8B,EACxC,GAAG,EAAE,gBAAgB,YAEpB,UAAU,GACP,CACP,EACD,iCACE,WAAW,EAAC,cAAc,EAC1B,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oCACf,IACE,CAAC,CAAC,GAAG,KAAK,OAAO;wCACjB,CAAC,CAAC,CAAC,QAAQ;wCACX,gBAAgB,KAAK,IAAI,EACzB,CAAC;wCACD,CAAC,CAAC,cAAc,EAAE,CAAC;wCAEnB,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;4CAC7B,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,CAAC,CAAC;wCACtB,CAAC;oCACH,CAAC;gCACH,CAAC,IACG,aAAa,EACjB,EACF,eAAK,SAAS,EAAC,8BAA8B,aAC1C,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,sCAAsC,YAClD,aAAa,GACV,CACP,EACD,eAAK,SAAS,EAAC,uCAAuC,aACnD,qBAAqB,EACtB,KAAC,kBAAkB,IACjB,UAAU,EAAE,gBAAgB,EAC5B,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,cAAc,EACxB,QAAQ,EAAE,cAAc,GACxB,IACE,IACF,IACF,IACF,EACL,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,KAAC,UAAU,IAAC,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,sBAAsB,YAC9D,UAAU,GACA,CACd,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,eAAe,GAMhB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,eAAe,IACd,SAAS,EAAC,6BAA6B,EACvC,WAAW,EAAE,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACvD,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,YAEtD,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,CAC1B,KAAC,qBAAqB,KAAG,CAC1B,CAAC,CAAC,CAAC,CACF,KAAC,uBAAuB,KAAG,CAC5B,GACe,CACnB,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,EAAoB,EAAE,EAAE;;IAC1E,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,MAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,MAAA,OAAO,CAAC,CAAC,CAAC,0CAAE,KAAK,mCAAI,EAAE,CAAC;IAE7D,MAAM,eAAe,GAAG,CAAC,MAGxB,EAAE,EAAE;QACH,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,CAAC,CAAC;QACnB,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,cAAc,IACb,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAC3C,MAAM,EAAE,UAAU,EAClB,GAAG,EAAE,SAAS,YAEb,YAAY,GACE,EACjB,KAAC,IAAI,IACH,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,wBAAwB,YAEjC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,IAAI,CAAC,SAAS,IAEb,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,MAAM,CAAC,KAAK,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,IAHjC,MAAM,CAAC,KAAK,CAIjB,CACH,CAAC,GACG,IACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAmB,EAAE,EAAE;IAC5D,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1D,OAAO,CACL,MAAC,OAAO,IACN,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,aAAa,EACrB,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;;YACvB,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,WAAW,GACf,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,WAAW;qBAC5B,MAAA,OAAO,CAAC,OAAO,0CAAE,WAAW,CAAA;oBAC5B,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC;gBAC5D,IAAI,WAAW,EAAE,CAAC;oBAChB,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,EACD,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,aAEnC,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,aAAa,IAAC,SAAS,EAAC,gCAAgC,GAAG,EAC5D,KAAC,UAAU,IACT,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,OAAO,YAEX,QAAQ,GACE,EAEb,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACJ,mBAAmB,QAAQ,EAAE,EACzC,SAAS,EAAC,wCAAwC,YAElD,KAAC,gBAAgB,IAAC,SAAS,EAAC,gCAAgC,GAAG,GACxD,IACL,GACU,EAClB,KAAC,OAAO,CAAC,OAAO,cAAE,QAAQ,GAAmB,IACrC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IAC5C,UAAU,EAAE,UAAU;IACtB,MAAM,EAAE,WAAW;CACpB,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  CleanIconButton,\n  DropdownButton,\n  Menu,\n  Tooltip,\n  Typography,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { CommonProps, HtmlAttributes } from '../../_common/types';\nimport ArrowSendIcon from '../../icons/generated/custom/ArrowSend';\nimport { ArrowSmallUpIconOutline } from '../../icons/generated/heroIcons/ArrowSmallUpIconOutline';\nimport { StopCircleIconOutline } from '../../icons/generated/heroIcons/StopCircleIconOutline';\nimport { XMarkIconOutline } from '../../icons/generated/heroIcons/XMarkIconOutline';\n\ntype PromptProps = {\n  /** The prompt text */\n  value?: React.ComponentPropsWithoutRef<'textarea'>['value'];\n  /** Callback function called when the prompt text changes */\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Maximum number of rows the textarea can expand to */\n  maxRows?: number;\n  /** Whether the textarea is disabled */\n  isDisabled?: boolean;\n  /** Whether the submit button is disabled */\n  isSubmitDisabled?: boolean;\n  /** Whether the submit button is \"running\". Shows a stop icon when true. */\n  isRunningPrompt?: boolean;\n  /** Callback function called when the submit button is clicked */\n  onSubmitPrompt?: (\n    e:\n      | React.KeyboardEvent<HTMLTextAreaElement>\n      | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void;\n  /** Callback function called when the cancel button is clicked */\n  onCancelPrompt?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Content to display above the input card, e.g. a status message while a prompt is running */\n  headerContent?: React.ReactNode;\n  /** Content to display above the textarea */\n  topContent?: React.ReactNode;\n  /** Content to display below the textarea, on the leading side */\n  bottomContent?: React.ReactNode;\n  /** Content to display below the textarea, on the trailing side next to the submit button */\n  bottomTrailingContent?: React.ReactNode;\n  /** Disclaimer to display below the component */\n  disclaimer?: React.ReactNode;\n  /** Props for the textarea element */\n  textareaProps?: HtmlAttributes<'textarea'>;\n};\n\n/**\n * The component is used to display the prompt input for an LLM.\n * It includes a textarea for the user to enter their prompt and a submit button.\n * It can also display content above and below the textarea, like uploaded files or a select for changing agents.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst PromptComponent = ({\n  value,\n  onChange,\n  maxRows = 5,\n  isDisabled = false,\n  isRunningPrompt = false,\n  onSubmitPrompt,\n  onCancelPrompt,\n  isSubmitDisabled = false,\n  headerContent,\n  topContent,\n  bottomContent,\n  bottomTrailingContent,\n  disclaimer = 'All information should be verified.',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  textareaProps,\n  ...restProps\n}: CommonProps<'div', PromptProps>) => {\n  const classes = classNames('ndl-ai-prompt', className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const textareaAboveRef = useRef<HTMLDivElement>(null);\n  const [lineHeight, setLineHeight] = useState(0);\n\n  /** File overflow stuff */\n  useEffect(() => {\n    let rafId: number | null = null;\n\n    const checkOverflow = () => {\n      if (textareaAboveRef.current !== null) {\n        const element = textareaAboveRef.current;\n        const maxHeight = parseFloat(\n          getComputedStyle(element).maxHeight.replace('px', ''),\n        );\n        const scrollHeight = element.scrollHeight;\n\n        if (scrollHeight > maxHeight) {\n          element.classList.add('ndl-can-scroll');\n        } else {\n          element.classList.remove('ndl-can-scroll');\n        }\n      }\n    };\n\n    const debouncedCheck = () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      rafId = requestAnimationFrame(checkOverflow);\n    };\n\n    // Initial check\n    checkOverflow();\n\n    const resizeObserver = new ResizeObserver(debouncedCheck);\n    const mutationObserver = new MutationObserver(debouncedCheck);\n\n    if (textareaAboveRef.current !== null) {\n      resizeObserver.observe(textareaAboveRef.current);\n      mutationObserver.observe(textareaAboveRef.current, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    return () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  /** Textarea stuff */\n  useEffect(() => {\n    if (textareaRef.current !== null) {\n      const computed = window.getComputedStyle(textareaRef.current);\n      setLineHeight(parseInt(computed.lineHeight));\n    }\n  }, []);\n\n  const adjustTextareaHeight = useCallback(() => {\n    const ta = textareaRef.current;\n\n    if (ta !== null && lineHeight > 0) {\n      // Reset height so scrollHeight measures correctly\n      ta.style.height = 'auto';\n\n      const maxHeight = lineHeight * maxRows;\n\n      if (ta.scrollHeight <= maxHeight) {\n        ta.style.overflowY = 'hidden';\n        ta.style.height = `${ta.scrollHeight + 12}px`;\n      } else {\n        ta.style.overflowY = 'auto';\n        ta.style.height = `${maxHeight + 12}px`;\n      }\n    }\n  }, [lineHeight, maxRows]);\n\n  // Adjust height when prompt value changes (including when cleared)\n  useEffect(() => {\n    adjustTextareaHeight();\n  }, [value, adjustTextareaHeight]);\n\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    adjustTextareaHeight();\n    onChange?.(e);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-ai-prompt-wrapper\">\n        {Boolean(headerContent) && (\n          <div className=\"ndl-ai-prompt-header\">{headerContent}</div>\n        )}\n        <div className=\"ndl-ai-prompt-wrapper-inner\">\n          {Boolean(topContent) && (\n            <div\n              className=\"ndl-ai-prompt-textarea-above\"\n              ref={textareaAboveRef}\n            >\n              {topContent}\n            </div>\n          )}\n          <textarea\n            placeholder=\"Ask anything\"\n            className=\"ndl-ai-prompt-textarea\"\n            rows={1}\n            onChange={handleInput}\n            value={value}\n            ref={textareaRef}\n            disabled={isDisabled}\n            onKeyDown={(e) => {\n              if (\n                e.key === 'Enter' &&\n                !e.shiftKey &&\n                isSubmitDisabled !== true\n              ) {\n                e.preventDefault();\n\n                if (isRunningPrompt !== true) {\n                  onSubmitPrompt?.(e);\n                }\n              }\n            }}\n            {...textareaProps}\n          />\n          <div className=\"ndl-ai-prompt-textarea-below\">\n            {Boolean(bottomContent) && (\n              <div className=\"ndl-ai-prompt-textarea-below-leading\">\n                {bottomContent}\n              </div>\n            )}\n            <div className=\"ndl-ai-prompt-textarea-below-trailing\">\n              {bottomTrailingContent}\n              <SubmitPromptButton\n                isDisabled={isSubmitDisabled}\n                isRunningPrompt={isRunningPrompt}\n                onSubmit={onSubmitPrompt}\n                onCancel={onCancelPrompt}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      {Boolean(disclaimer) && (\n        <Typography variant=\"body-small\" className=\"ndl-ai-prompt-footer\">\n          {disclaimer}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nconst SubmitPromptButton = ({\n  onSubmit,\n  onCancel,\n  isDisabled,\n  isRunningPrompt,\n}: {\n  isDisabled?: boolean;\n  isRunningPrompt?: boolean;\n  onSubmit?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  onCancel?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n}) => {\n  return (\n    <CleanIconButton\n      className=\"ndl-ai-prompt-submit-button\"\n      description={isRunningPrompt === true ? 'Stop' : 'Send'}\n      size=\"small\"\n      isDisabled={isDisabled}\n      onClick={isRunningPrompt === true ? onCancel : onSubmit}\n    >\n      {isRunningPrompt === true ? (\n        <StopCircleIconOutline />\n      ) : (\n        <ArrowSmallUpIconOutline />\n      )}\n    </CleanIconButton>\n  );\n};\n\ntype AgentSelectProps = {\n  value: { label: React.ReactNode; value: string };\n  options: Array<{ label: React.ReactNode; value: string }>;\n  onChange: (option: { label: React.ReactNode; value: string }) => void;\n};\n\nconst AgentSelect = ({ value, options = [], onChange }: AgentSelectProps) => {\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const displayLabel = value?.label ?? options[0]?.label ?? '';\n\n  const handleItemClick = (option: {\n    label: React.ReactNode;\n    value: string;\n  }) => {\n    onChange?.(option);\n    setIsMenuOpen(false);\n  };\n\n  return (\n    <>\n      <DropdownButton\n        size=\"small\"\n        className=\"ndl-ai-prompt-dropdown-button\"\n        onClick={() => setIsMenuOpen((old) => !old)}\n        isOpen={isMenuOpen}\n        ref={anchorRef}\n      >\n        {displayLabel}\n      </DropdownButton>\n      <Menu\n        isOpen={isMenuOpen}\n        onClose={() => setIsMenuOpen(false)}\n        anchorRef={anchorRef}\n        placement=\"top-start-bottom-start\"\n      >\n        {options.map((option) => (\n          <Menu.RadioItem\n            key={option.value}\n            title={option.label}\n            isChecked={value?.value === option.value}\n            onClick={() => handleItemClick(option)}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n};\n\ntype ContextTagProps = {\n  children?: string;\n  onClose: () => void;\n};\n\nconst ContextTag = ({ children, onClose }: ContextTagProps) => {\n  const textRef = useRef<HTMLSpanElement>(null);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  return (\n    <Tooltip\n      type=\"simple\"\n      isOpen={isTooltipOpen}\n      onOpenChange={(isOpen) => {\n        if (isOpen) {\n          const isTruncated =\n            textRef.current?.scrollWidth &&\n            textRef.current?.clientWidth &&\n            textRef.current.scrollWidth > textRef.current.clientWidth;\n          if (isTruncated) {\n            setIsTooltipOpen(true);\n          }\n        } else {\n          setIsTooltipOpen(false);\n        }\n      }}\n      hoverDelay={{ close: 0, open: 500 }}\n    >\n      <Tooltip.Trigger hasButtonWrapper>\n        <div className=\"ndl-ai-prompt-context-tag\">\n          <ArrowSendIcon className=\"ndl-ai-prompt-context-tag-icon\" />\n          <Typography\n            variant=\"body-medium\"\n            className=\"ndl-ai-prompt-context-tag-text\"\n            ref={textRef}\n          >\n            {children}\n          </Typography>\n\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label={`Remove context: ${children}`}\n            className=\"ndl-ai-prompt-context-tag-close-button\"\n          >\n            <XMarkIconOutline className=\"ndl-ai-prompt-context-tag-icon\" />\n          </button>\n        </div>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{children}</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nconst Prompt = Object.assign(PromptComponent, {\n  ContextTag: ContextTag,\n  Select: AgentSelect,\n});\n\nexport { Prompt };\n"]}
+{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../src/ai/prompt/Prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  CleanIconButton,\n  DropdownButton,\n  Menu,\n  Tooltip,\n  Typography,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { CommonProps, HtmlAttributes } from '../../_common/types';\nimport ArrowSendIcon from '../../icons/generated/custom/ArrowSend';\nimport { ArrowSmallUpIconOutline } from '../../icons/generated/heroIcons/ArrowSmallUpIconOutline';\nimport { StopCircleIconOutline } from '../../icons/generated/heroIcons/StopCircleIconOutline';\nimport { XMarkIconOutline } from '../../icons/generated/heroIcons/XMarkIconOutline';\nimport { focusTextareaFromPromptWrapper } from './focusTextareaFromPromptWrapper';\n\nconst hasPromptContent = (inputValue: unknown): boolean => {\n  if (typeof inputValue !== 'string') {\n    return false;\n  }\n\n  return inputValue.trim().length > 0;\n};\n\ntype PromptProps = {\n  /** The prompt text */\n  value?: React.ComponentPropsWithoutRef<'textarea'>['value'];\n  /** Callback function called when the prompt text changes */\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Maximum number of rows the textarea can expand to */\n  maxRows?: number;\n  /** Whether the textarea is disabled */\n  isDisabled?: boolean;\n  /** Whether the submit button is disabled */\n  isSubmitDisabled?: boolean;\n  /** Whether the submit button is \"running\". Shows a stop icon when true. */\n  isRunningPrompt?: boolean;\n  /** Callback function called when the submit button is clicked */\n  onSubmitPrompt?: (\n    e:\n      | React.KeyboardEvent<HTMLTextAreaElement>\n      | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void;\n  /** Callback function called when the cancel button is clicked */\n  onCancelPrompt?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Content to display above the input card, e.g. a status message while a prompt is running */\n  headerContent?: React.ReactNode;\n  /** Content to display above the textarea */\n  topContent?: React.ReactNode;\n  /** Content to display below the textarea, on the leading side */\n  bottomContent?: React.ReactNode;\n  /** Content to display below the textarea, on the trailing side next to the submit button */\n  bottomTrailingContent?: React.ReactNode;\n  /** Disclaimer to display below the component */\n  disclaimer?: React.ReactNode;\n  /** Props for the textarea element */\n  textareaProps?: HtmlAttributes<'textarea'>;\n};\n\n/**\n * The component is used to display the prompt input for an LLM.\n * It includes a textarea for the user to enter their prompt and a submit button.\n * It can also display content above and below the textarea, like uploaded files or a select for changing agents.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst PromptComponent = ({\n  value,\n  onChange,\n  maxRows = 5,\n  isDisabled = false,\n  isRunningPrompt = false,\n  onSubmitPrompt,\n  onCancelPrompt,\n  isSubmitDisabled = false,\n  headerContent,\n  topContent,\n  bottomContent,\n  bottomTrailingContent,\n  disclaimer = 'All information should be verified.',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  textareaProps,\n  ...restProps\n}: CommonProps<'div', PromptProps>) => {\n  const classes = classNames('ndl-ai-prompt', className, {\n    'ndl-disabled': isDisabled,\n  });\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const textareaAboveRef = useRef<HTMLDivElement>(null);\n  const [lineHeight, setLineHeight] = useState(0);\n\n  /** File overflow stuff */\n  useEffect(() => {\n    let rafId: number | null = null;\n\n    const checkOverflow = () => {\n      if (textareaAboveRef.current !== null) {\n        const element = textareaAboveRef.current;\n        const maxHeight = parseFloat(\n          getComputedStyle(element).maxHeight.replace('px', ''),\n        );\n        const scrollHeight = element.scrollHeight;\n\n        // Computed max-height can be non-numeric (e.g. \"none\"), so bail safely.\n        if (!Number.isFinite(maxHeight)) {\n          element.classList.remove('ndl-can-scroll');\n          return;\n        }\n\n        if (scrollHeight > maxHeight) {\n          element.classList.add('ndl-can-scroll');\n        } else {\n          element.classList.remove('ndl-can-scroll');\n        }\n      }\n    };\n\n    const debouncedCheck = () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      rafId = requestAnimationFrame(checkOverflow);\n    };\n\n    // Initial check\n    checkOverflow();\n\n    const resizeObserver = new ResizeObserver(debouncedCheck);\n    const mutationObserver = new MutationObserver(debouncedCheck);\n\n    if (textareaAboveRef.current !== null) {\n      resizeObserver.observe(textareaAboveRef.current);\n      mutationObserver.observe(textareaAboveRef.current, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    return () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  /** Textarea stuff */\n  useEffect(() => {\n    if (textareaRef.current !== null) {\n      const computed = window.getComputedStyle(textareaRef.current);\n      const parsedLineHeight = Number.parseFloat(computed.lineHeight);\n\n      if (Number.isFinite(parsedLineHeight) && parsedLineHeight > 0) {\n        setLineHeight(parsedLineHeight);\n      } else {\n        // Fallback for cases where line-height is reported as \"normal\".\n        const parsedFontSize = Number.parseFloat(computed.fontSize);\n        setLineHeight(\n          Number.isFinite(parsedFontSize) && parsedFontSize > 0\n            ? parsedFontSize * 1.2\n            : 16,\n        );\n      }\n    }\n  }, []);\n\n  const adjustTextareaHeight = useCallback(() => {\n    const ta = textareaRef.current;\n\n    if (ta !== null && lineHeight > 0) {\n      // Reset height so scrollHeight measures correctly\n      ta.style.height = 'auto';\n\n      const maxHeight = lineHeight * maxRows;\n\n      if (ta.scrollHeight <= maxHeight) {\n        ta.style.overflowY = 'hidden';\n        ta.style.height = `${ta.scrollHeight + 12}px`;\n      } else {\n        ta.style.overflowY = 'auto';\n        ta.style.height = `${maxHeight + 12}px`;\n      }\n    }\n  }, [lineHeight, maxRows]);\n\n  // Adjust height when prompt value changes (including when cleared)\n  useEffect(() => {\n    adjustTextareaHeight();\n  }, [value, adjustTextareaHeight]);\n\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    adjustTextareaHeight();\n    onChange?.(e);\n  };\n\n  const handleSubmitClick = (\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    if (hasPromptContent(textareaRef.current?.value)) {\n      onSubmitPrompt?.(e);\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-ai-prompt-wrapper\">\n        {Boolean(headerContent) && (\n          <div className=\"ndl-ai-prompt-header\">{headerContent}</div>\n        )}\n        <div\n          className=\"ndl-ai-prompt-wrapper-inner\"\n          onMouseDownCapture={focusTextareaFromPromptWrapper}\n        >\n          {Boolean(topContent) && (\n            <div\n              className=\"ndl-ai-prompt-textarea-above\"\n              ref={textareaAboveRef}\n            >\n              {topContent}\n            </div>\n          )}\n          <textarea\n            placeholder=\"Ask anything\"\n            className=\"ndl-ai-prompt-textarea\"\n            rows={1}\n            onChange={handleInput}\n            value={value}\n            ref={textareaRef}\n            disabled={isDisabled}\n            aria-label={textareaProps?.['aria-label'] ?? 'Prompt input'}\n            onKeyDown={(e) => {\n              const nativeEvent = e.nativeEvent as KeyboardEvent;\n              const isComposing = nativeEvent.isComposing === true;\n\n              if (e.key === 'Enter' && !isComposing && !e.shiftKey) {\n                e.preventDefault();\n\n                if (\n                  hasPromptContent(e.currentTarget.value) &&\n                  isSubmitDisabled !== true &&\n                  isRunningPrompt !== true\n                ) {\n                  onSubmitPrompt?.(e);\n                }\n              }\n            }}\n            {...textareaProps}\n          />\n          <div className=\"ndl-ai-prompt-textarea-below\">\n            {Boolean(bottomContent) && (\n              <div className=\"ndl-ai-prompt-textarea-below-leading\">\n                {bottomContent}\n              </div>\n            )}\n            <div className=\"ndl-ai-prompt-textarea-below-trailing\">\n              {bottomTrailingContent}\n              <SubmitPromptButton\n                isDisabled={isSubmitDisabled}\n                isRunningPrompt={isRunningPrompt}\n                onSubmit={handleSubmitClick}\n                onCancel={onCancelPrompt}\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n      {Boolean(disclaimer) && (\n        <Typography variant=\"body-small\" className=\"ndl-ai-prompt-footer\">\n          {disclaimer}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nconst SubmitPromptButton = ({\n  onSubmit,\n  onCancel,\n  isDisabled,\n  isRunningPrompt,\n}: {\n  isDisabled?: boolean;\n  isRunningPrompt?: boolean;\n  onSubmit?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  onCancel?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n}) => {\n  return (\n    <CleanIconButton\n      className=\"ndl-ai-prompt-submit-button\"\n      description={isRunningPrompt === true ? 'Stop' : 'Send'}\n      size=\"small\"\n      isDisabled={isDisabled}\n      onClick={isRunningPrompt === true ? onCancel : onSubmit}\n    >\n      {isRunningPrompt === true ? (\n        <StopCircleIconOutline />\n      ) : (\n        <ArrowSmallUpIconOutline />\n      )}\n    </CleanIconButton>\n  );\n};\n\ntype AgentSelectProps = {\n  value: { label: React.ReactNode; value: string };\n  options: Array<{ label: React.ReactNode; value: string }>;\n  onChange: (option: { label: React.ReactNode; value: string }) => void;\n};\n\nconst AgentSelect = ({ value, options = [], onChange }: AgentSelectProps) => {\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const displayLabel = value?.label ?? options[0]?.label ?? '';\n\n  const handleItemClick = (option: {\n    label: React.ReactNode;\n    value: string;\n  }) => {\n    onChange?.(option);\n    setIsMenuOpen(false);\n  };\n\n  return (\n    <>\n      <DropdownButton\n        size=\"small\"\n        className=\"ndl-ai-prompt-dropdown-button\"\n        onClick={() => setIsMenuOpen((old) => !old)}\n        isOpen={isMenuOpen}\n        ref={anchorRef}\n      >\n        {displayLabel}\n      </DropdownButton>\n      <Menu\n        isOpen={isMenuOpen}\n        onClose={() => setIsMenuOpen(false)}\n        anchorRef={anchorRef}\n        placement=\"top-start-bottom-start\"\n      >\n        {options.map((option) => (\n          <Menu.RadioItem\n            key={option.value}\n            title={option.label}\n            isChecked={value?.value === option.value}\n            onClick={() => handleItemClick(option)}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n};\n\ntype ContextTagProps = {\n  children?: string;\n  onClose: () => void;\n};\n\nconst ContextTag = ({ children, onClose }: ContextTagProps) => {\n  const textRef = useRef<HTMLSpanElement>(null);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n  const [isRemoveActive, setIsRemoveActive] = useState(false);\n\n  return (\n    <Tooltip\n      type=\"simple\"\n      isOpen={isTooltipOpen || isRemoveActive}\n      onOpenChange={(isOpen) => {\n        if (isOpen && !isRemoveActive) {\n          const isTruncated =\n            textRef.current?.scrollWidth &&\n            textRef.current?.clientWidth &&\n            textRef.current.scrollWidth > textRef.current.clientWidth;\n          if (isTruncated) {\n            setIsTooltipOpen(true);\n          }\n        } else if (!isRemoveActive) {\n          setIsTooltipOpen(false);\n        }\n      }}\n      hoverDelay={{ close: 0, open: 500 }}\n    >\n      <Tooltip.Trigger hasButtonWrapper>\n        <div className=\"ndl-ai-prompt-context-tag\">\n          <ArrowSendIcon className=\"ndl-ai-prompt-context-tag-icon\" />\n          <Typography\n            variant=\"body-medium\"\n            className=\"ndl-ai-prompt-context-tag-text\"\n            ref={textRef}\n          >\n            {children}\n          </Typography>\n\n          <button\n            type=\"button\"\n            onClick={onClose}\n            aria-label={`Remove ${children}`}\n            onMouseEnter={() => setIsRemoveActive(true)}\n            onMouseLeave={() => setIsRemoveActive(false)}\n            onFocus={() => setIsRemoveActive(true)}\n            onBlur={() => setIsRemoveActive(false)}\n            className=\"ndl-ai-prompt-context-tag-close-button\"\n          >\n            <XMarkIconOutline className=\"ndl-ai-prompt-context-tag-icon\" />\n          </button>\n        </div>\n      </Tooltip.Trigger>\n      <Tooltip.Content>\n        {isRemoveActive ? `Remove ${children}` : children}\n      </Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nconst Prompt = Object.assign(PromptComponent, {\n  ContextTag: ContextTag,\n  Select: AgentSelect,\n});\n\nexport { Prompt };\n"]}

package/lib/esm/ai/prompt/focusTextareaFromPromptWrapper.js

@@ -0,0 +1,81 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const MAX_POINTER_MOVE_PX = 3;
+const NON_FOCUSABLE_TARGET_SELECTOR = [
+    'textarea',
+    'button',
+    'a',
+    'input',
+    'select',
+    '[role="button"]',
+    '.ndl-ai-prompt-context-tag',
+    '.ndl-ai-file-tag',
+    '.ndl-ai-image-tag',
+].join(',');
+/**
+ * Focuses the prompt textarea when users click the non-interactive wrapper.
+ *
+ * This keeps keyboard input in sync with the visible focused state.
+ */
+export const focusTextareaFromPromptWrapper = (event) => {
+    if (event.button !== 0) {
+        return;
+    }
+    const container = event.currentTarget;
+    const target = event.target instanceof HTMLElement ? event.target : null;
+    const textarea = container.querySelector('textarea');
+    if (textarea === null) {
+        return;
+    }
+    // Do not override focus/behavior when users click interactive controls.
+    if (target === null || target === void 0 ? void 0 : target.closest(NON_FOCUSABLE_TARGET_SELECTOR)) {
+        return;
+    }
+    let didMove = false;
+    const startX = event.clientX;
+    const startY = event.clientY;
+    const cleanup = () => {
+        window.removeEventListener('mousemove', handleMouseMove);
+        window.removeEventListener('mouseup', handleMouseUp);
+    };
+    const handleMouseMove = (moveEvent) => {
+        if (Math.abs(moveEvent.clientX - startX) > MAX_POINTER_MOVE_PX ||
+            Math.abs(moveEvent.clientY - startY) > MAX_POINTER_MOVE_PX) {
+            didMove = true;
+        }
+    };
+    const handleMouseUp = (upEvent) => {
+        cleanup();
+        if (didMove) {
+            return;
+        }
+        const upTarget = upEvent.target instanceof HTMLElement ? upEvent.target : null;
+        if (upTarget === null ||
+            !container.contains(upTarget) ||
+            upTarget.closest(NON_FOCUSABLE_TARGET_SELECTOR)) {
+            return;
+        }
+        textarea.focus();
+    };
+    window.addEventListener('mousemove', handleMouseMove);
+    window.addEventListener('mouseup', handleMouseUp);
+};
+//# sourceMappingURL=focusTextareaFromPromptWrapper.js.map

package/lib/esm/ai/prompt/focusTextareaFromPromptWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusTextareaFromPromptWrapper.js","sourceRoot":"","sources":["../../../../src/ai/prompt/focusTextareaFromPromptWrapper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,6BAA6B,GAAG;IACpC,UAAU;IACV,QAAQ;IACR,GAAG;IACH,OAAO;IACP,QAAQ;IACR,iBAAiB;IACjB,4BAA4B;IAC5B,kBAAkB;IAClB,mBAAmB;CACpB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;GAIG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAEvC,CAAC,KAAK,EAAE,EAAE;IACZ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO;IACT,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC;IACtC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAErD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,OAAO;IACT,CAAC;IAED,wEAAwE;IACxE,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,6BAA6B,CAAC,EAAE,CAAC;QACnD,OAAO;IACT,CAAC;IAED,IAAI,OAAO,GAAG,KAAK,CAAC;IACpB,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;IAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;IAE7B,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACzD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,SAAqB,EAAE,EAAE;QAChD,IACE,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,mBAAmB;YAC1D,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,mBAAmB,EAC1D,CAAC;YACD,OAAO,GAAG,IAAI,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,OAAmB,EAAE,EAAE;QAC5C,OAAO,EAAE,CAAC;QAEV,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,MAAM,QAAQ,GACZ,OAAO,CAAC,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QAEhE,IACE,QAAQ,KAAK,IAAI;YACjB,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAC7B,QAAQ,CAAC,OAAO,CAAC,6BAA6B,CAAC,EAC/C,CAAC;YACD,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,KAAK,EAAE,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACpD,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type { MouseEventHandler } from 'react';\n\nconst MAX_POINTER_MOVE_PX = 3;\nconst NON_FOCUSABLE_TARGET_SELECTOR = [\n  'textarea',\n  'button',\n  'a',\n  'input',\n  'select',\n  '[role=\"button\"]',\n  '.ndl-ai-prompt-context-tag',\n  '.ndl-ai-file-tag',\n  '.ndl-ai-image-tag',\n].join(',');\n\n/**\n * Focuses the prompt textarea when users click the non-interactive wrapper.\n *\n * This keeps keyboard input in sync with the visible focused state.\n */\nexport const focusTextareaFromPromptWrapper: MouseEventHandler<\n  HTMLDivElement\n> = (event) => {\n  if (event.button !== 0) {\n    return;\n  }\n\n  const container = event.currentTarget;\n  const target = event.target instanceof HTMLElement ? event.target : null;\n  const textarea = container.querySelector('textarea');\n\n  if (textarea === null) {\n    return;\n  }\n\n  // Do not override focus/behavior when users click interactive controls.\n  if (target?.closest(NON_FOCUSABLE_TARGET_SELECTOR)) {\n    return;\n  }\n\n  let didMove = false;\n  const startX = event.clientX;\n  const startY = event.clientY;\n\n  const cleanup = () => {\n    window.removeEventListener('mousemove', handleMouseMove);\n    window.removeEventListener('mouseup', handleMouseUp);\n  };\n\n  const handleMouseMove = (moveEvent: MouseEvent) => {\n    if (\n      Math.abs(moveEvent.clientX - startX) > MAX_POINTER_MOVE_PX ||\n      Math.abs(moveEvent.clientY - startY) > MAX_POINTER_MOVE_PX\n    ) {\n      didMove = true;\n    }\n  };\n\n  const handleMouseUp = (upEvent: MouseEvent) => {\n    cleanup();\n\n    if (didMove) {\n      return;\n    }\n\n    const upTarget =\n      upEvent.target instanceof HTMLElement ? upEvent.target : null;\n\n    if (\n      upTarget === null ||\n      !container.contains(upTarget) ||\n      upTarget.closest(NON_FOCUSABLE_TARGET_SELECTOR)\n    ) {\n      return;\n    }\n\n    textarea.focus();\n  };\n\n  window.addEventListener('mousemove', handleMouseMove);\n  window.addEventListener('mouseup', handleMouseUp);\n};\n"]}

package/lib/esm/date-picker/DatePicker.js

@@ -75,6 +75,10 @@ export const DatePicker = (_a) => {
         reactDatePickerProps.startDate);
     const [selectedTimeZone, setSelectedTimeZone] = useState(timeZonePickerProps === null || timeZonePickerProps === void 0 ? void 0 : timeZonePickerProps.value);
     const isInsideDialog = useIsInsideDialog();
+    // Inside a Dialog the popper is fixed and not portaled. A transformed
+    // ancestor (e.g. Popover) can make Floating UI under-measure available
+    // space, so use the viewport as the boundary instead.
+    const floatingBoundary = isInsideDialog ? [] : 'clippingAncestors';
     const headerAction = useCallback((action) => {
         setPicker(picker === action ? 'day' : action);
     }, [picker]);
@@ -191,7 +195,7 @@ export const DatePicker = (_a) => {
     return (_jsx("div", Object.assign({ className: classes, ref: ref, style: style }, restProps, htmlAttributes, { children: _jsx(ReactDatePicker, Object.assign({ ref: datetimeRef, customInput: _jsx(DatePickerTextInputWrapper, { isDisabled: isDisabled, isClearable: isClearable, textInputProps: textInputProps }), customTimeInput: _jsxs("span", { className: "ndl-time-picker-wrapper", children: [_jsx(Divider, {}), _jsx(TimePicker, Object.assign({ isFluid: true, value: preSelectedDate
                             ? new NeedleTime(preSelectedDate.getHours(), preSelectedDate.getMinutes())
                             : undefined, onChange: handleTimeChange }, timePickerProps, { floatingStrategy: "absolute", isPortaled: false })), timeZonePickerProps && (_jsx(TimeZonePicker, Object.assign({ isFluid: true, value: selectedTimeZone, onChange: handleTimeZoneChange, referenceDate: preSelectedDate || undefined }, timeZonePickerProps, { floatingStrategy: "absolute", isPortaled: false })))] }), disabled: isDisabled, showPopperArrow: false, showMonthYearPicker: picker === 'month', showYearPicker: picker === 'year', shouldCloseOnSelect: picker === 'day' && !((_b = reactDatePickerProps.showTimeInput) !== null && _b !== void 0 ? _b : false), dayClassName: () => 'ndl-datepicker-day', renderCustomHeader: CustomHeader }, datePickerProps, { isClearable: isClearable, popperClassName: classNames('ndl-datepicker-popper', reactDatePickerProps.popperClassName), popperModifiers: [
-                shift({ padding: 8 }),
+                shift({ boundary: floatingBoundary, padding: 8 }),
                 size({
                     apply({ availableHeight, availableWidth, elements }) {
                         elements.floating.style.setProperty('--ndl-datepicker-available-height', `${availableHeight}px`);
@@ -199,6 +203,7 @@ export const DatePicker = (_a) => {
                             maxWidth: `${availableWidth}px`,
                         });
                     },
+                    boundary: floatingBoundary,
                     padding: 8,
                 }),
                 ...((_c = reactDatePickerProps.popperModifiers) !== null && _c !== void 0 ? _c : []),

package/lib/esm/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["// TODO: try to fix as some point\n/* eslint-disable @typescript-eslint/naming-convention */\n\n/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { shift, size } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { format } from 'date-fns';\nimport { useCallback, useRef, useState } from 'react';\nimport ReactDatePicker, {\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\n\nimport type { CommonProps, HtmlAttributes } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { Divider } from '../divider';\nimport { ArrowLeftIconOutline } from '../icons/generated/heroIcons/ArrowLeftIconOutline';\nimport { ArrowRightIconOutline } from '../icons/generated/heroIcons/ArrowRightIconOutline';\nimport { CalendarDaysIconOutline } from '../icons/generated/heroIcons/CalendarDaysIconOutline';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { TextInput } from '../text-input';\nimport { NeedleTime, TimePicker, type TimePickerProps } from '../time-picker';\nimport { TimeZonePicker } from '../timezone-picker';\nimport { Typography } from '../typography';\nimport { daysInMonth, getYearsPeriodString } from './utils';\n\ntype DatePickerTextInputWrapperProps = React.ComponentProps<'input'> & {\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  isDisabled?: boolean;\n  isClearable?: boolean;\n  value?: string;\n  ariaLabel?: string;\n};\n\n// This wrapper is needed due to react-datepicker injecting html attributes\n// into the custom input component on root level, since we use htmlAttributes\n// we need to help spread them there instead of the root level\nconst DatePickerTextInputWrapper = ({\n  textInputProps,\n  isDisabled,\n  isClearable,\n  value,\n  placeholder,\n  ...restProps\n}: DatePickerTextInputWrapperProps) => {\n  // deconstruct textInputProps to avoid bugs with react-datepicker injecting props\n  const {\n    placeholder: textInputPlaceholder,\n    htmlAttributes: textInputHtmlAttributes,\n    onChange: textInputOnChange,\n    ref,\n    ...restTextInputProps\n  } = textInputProps ?? {};\n  const { onChange: injectedOnChange, ...restInjectedProps } = restProps;\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    injectedOnChange?.(event);\n    textInputOnChange?.(event);\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      trailingElement={<CalendarDaysIconOutline />}\n      value={value}\n      placeholder={placeholder ?? textInputPlaceholder}\n      isDisabled={isDisabled}\n      isClearable={isClearable}\n      onChange={handleChange}\n      // react-datepicker injects html attributes into the custom input\n      htmlAttributes={{\n        ...textInputHtmlAttributes,\n        ...restInjectedProps,\n      }}\n      {...restTextInputProps}\n    />\n  );\n};\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype PickerType = 'day' | 'month' | 'year';\n\n// Define a more flexible type for onChange\ntype DatePickerChangeHandler = (\n  date: Date | null | [Date | null, Date | null] | Date[],\n  event?: React.SyntheticEvent | undefined,\n) => void;\n\n/**\n * @remarks\n * The `reactDatePickerProps` prop is forwarded to the underlying `react-datepicker` component. See the [react-datepicker documentation](https://reactdatepicker.com/) for more information.\n *\n * @remarks\n * Where `TextInputProps` is defined in the `TextInput` component and `TimePickerProps` is defined in the `TimePicker` component.\n */\ninterface DatePickerProps {\n  /** Props for the embedded `TextInput` component. */\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  /** Whether the date picker is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether to show the clear button.\n   * @default false\n   */\n  isClearable?: boolean;\n  /** Props for the embedded `TimePicker` component. */\n  timePickerProps?: TimePickerProps;\n  /** Props for the embedded `TimeZonePicker` component. */\n  timeZonePickerProps?: React.ComponentProps<typeof TimeZonePicker>;\n  /** Props forwarded to underlying `react-datepicker` component. */\n  reactDatePickerProps: React.ComponentProps<typeof ReactDatePicker>;\n  /**\n   * WARNING: these attributes do not apply to the underlying input element currently. This will be fixed in a future version.\n   */\n  htmlAttributes?: HtmlAttributes<'div'>;\n}\n\nexport const DatePicker = ({\n  reactDatePickerProps,\n  textInputProps,\n  timePickerProps,\n  timeZonePickerProps,\n  isDisabled,\n  isClearable = false,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', DatePickerProps>) => {\n  const classes = classNames(`ndl-datepicker`, className, {});\n  const datetimeRef = useRef<ReactDatePicker>(null);\n  const [picker, setPicker] = useState<PickerType>('day');\n  const [preSelectedDate, setPreSelectedDate] = useState<Date | null>(\n    (reactDatePickerProps.selected as Date | null) ||\n      (reactDatePickerProps.startDate as Date | null),\n  );\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string | undefined>(\n    timeZonePickerProps?.value,\n  );\n\n  const isInsideDialog = useIsInsideDialog();\n\n  const headerAction = useCallback(\n    (action: PickerType) => {\n      setPicker(picker === action ? 'day' : action);\n    },\n    [picker],\n  );\n\n  const CustomHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const {\n        decreaseMonth,\n        increaseMonth,\n        increaseYear,\n        decreaseYear,\n        nextMonthButtonDisabled,\n        nextYearButtonDisabled,\n        prevMonthButtonDisabled,\n        prevYearButtonDisabled,\n      } = props;\n\n      const prevCallback = picker === 'year' ? decreaseYear : decreaseMonth;\n      const nextCallback = picker === 'year' ? increaseYear : increaseMonth;\n      const prevDisabled =\n        picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;\n      const nextDisabled =\n        picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;\n\n      return (\n        <div className=\"ndl-datepicker-header\">\n          <div className=\"ndl-datepicker-selects\">\n            {picker !== 'year' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'month' ? 'Close' : 'Open'} month picker`}\n                aria-pressed={picker === 'month'}\n                onClick={() => headerAction('month')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {format(props.date, 'MMM')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'month',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n            {picker !== 'month' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'year' ? 'Close' : 'Open'} year picker`}\n                onClick={() => headerAction('year')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {picker === 'year'\n                      ? getYearsPeriodString(\n                          props.date,\n                          reactDatePickerProps?.yearItemNumber,\n                        )\n                      : format(props.date, 'yyyy')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'year',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n          </div>\n          {picker !== 'month' && (\n            <div className=\"n-flex n-justify-center n-gap-token-16\">\n              <CleanIconButton\n                description={\n                  picker === 'year' ? 'Previous period' : 'Previous month'\n                }\n                onClick={prevCallback}\n                isDisabled={prevDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowLeftIconOutline />\n              </CleanIconButton>\n              <CleanIconButton\n                description={picker === 'year' ? 'Next period' : 'Next month'}\n                onClick={nextCallback}\n                isDisabled={nextDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowRightIconOutline />\n              </CleanIconButton>\n            </div>\n          )}\n        </div>\n      );\n    },\n    [picker, headerAction, reactDatePickerProps?.yearItemNumber],\n  );\n\n  const handleTimeChange = (newTime: NeedleTime) => {\n    if (\n      reactDatePickerProps.selectsRange ||\n      reactDatePickerProps.selectsMultiple\n    ) {\n      // this is consistent with the behavior of react-datepicker\n      return;\n    }\n\n    if (!preSelectedDate) {\n      return;\n    }\n\n    const newDate = new Date(preSelectedDate);\n    newDate.setHours(newTime.hour, newTime.minute, 0, 0);\n    setPreSelectedDate(newDate);\n\n    if (reactDatePickerProps.onChange) {\n      // For single date selection\n      reactDatePickerProps.onChange(newDate, undefined);\n    }\n  };\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setSelectedTimeZone(timezone);\n    if (timeZonePickerProps?.onChange) {\n      timeZonePickerProps.onChange(timezone);\n    }\n  };\n\n  /**\n   * Intercept onChange so we can work with\n   * Month and Year pickers\n   */\n  const interceptedChange: DatePickerChangeHandler = useCallback(\n    (\n      date: Date | null | [Date | null, Date | null] | Date[],\n      event?: React.SyntheticEvent,\n    ) => {\n      if (picker !== 'day') {\n        // setTimeout to prevent picker change before the handleMonthChange logic\n        setTimeout(() => {\n          setPicker('day');\n        });\n      } else if (picker === 'day') {\n        if (date instanceof Date) {\n          setPreSelectedDate(date);\n        } else if (\n          Array.isArray(date) &&\n          date.length > 0 &&\n          date[0] instanceof Date\n        ) {\n          setPreSelectedDate(date[0]);\n        } else if (date === null) {\n          setPreSelectedDate(null);\n        }\n\n        if (reactDatePickerProps.onChange && date !== null) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            date,\n            event,\n          );\n        }\n      }\n    },\n    [picker, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onCalendarClose so we can\n   * switch to \"day\" picker if we close on \"month\" or \"year\"\n   * view\n   */\n  const interceptedOnCalendarClose = useCallback(() => {\n    if (picker !== 'day') {\n      setPicker('day');\n    }\n    reactDatePickerProps?.onCalendarClose?.();\n  }, [picker, reactDatePickerProps]);\n\n  const handleMonthChange = useCallback(\n    (date: Date) => {\n      if (picker === 'month') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const daysInNewMonth = daysInMonth(date.getMonth(), date.getFullYear());\n        date.setDate(Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      } else if (picker === 'year') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const selectedMonth = preSelectedDate?.getMonth() ?? 0;\n        const daysInNewMonth = daysInMonth(selectedMonth, date.getFullYear());\n        date.setMonth(selectedMonth, Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      }\n      setPreSelectedDate(date);\n    },\n    [picker, preSelectedDate, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onChangeRaw to handle clearing the input\n   * When the user clears the text input, set the date to null\n   */\n  const interceptedOnChangeRaw = useCallback(\n    (\n      event?:\n        | React.KeyboardEvent<HTMLElement>\n        | React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => {\n      const target = event?.target as HTMLInputElement | undefined;\n      if (target?.value === '') {\n        setPreSelectedDate(null);\n        if (reactDatePickerProps.onChange) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            null,\n            event,\n          );\n        }\n      }\n      reactDatePickerProps?.onChangeRaw?.(event);\n    },\n    [reactDatePickerProps],\n  );\n\n  const datePickerProps = {\n    ...reactDatePickerProps,\n    onCalendarClose: interceptedOnCalendarClose,\n    onChange: interceptedChange,\n    onChangeRaw: interceptedOnChangeRaw,\n    onMonthChange: handleMonthChange,\n  };\n\n  return (\n    <div\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/** TODO v5: Remove the div wrapper, type the component as an input, and apply all root props to the TextInput */}\n      <ReactDatePicker\n        ref={datetimeRef}\n        customInput={\n          <DatePickerTextInputWrapper\n            isDisabled={isDisabled}\n            isClearable={isClearable}\n            textInputProps={textInputProps}\n          />\n        }\n        customTimeInput={\n          <span className=\"ndl-time-picker-wrapper\">\n            <Divider />\n            <TimePicker\n              isFluid\n              value={\n                preSelectedDate\n                  ? new NeedleTime(\n                      preSelectedDate.getHours(),\n                      preSelectedDate.getMinutes(),\n                    )\n                  : undefined\n              }\n              onChange={handleTimeChange}\n              {...timePickerProps}\n              floatingStrategy=\"absolute\"\n              isPortaled={false}\n            />\n            {timeZonePickerProps && (\n              <TimeZonePicker\n                isFluid\n                value={selectedTimeZone}\n                onChange={handleTimeZoneChange}\n                referenceDate={preSelectedDate || undefined}\n                {...timeZonePickerProps}\n                floatingStrategy=\"absolute\"\n                isPortaled={false}\n              />\n            )}\n          </span>\n        }\n        disabled={isDisabled}\n        showPopperArrow={false}\n        showMonthYearPicker={picker === 'month'}\n        showYearPicker={picker === 'year'}\n        shouldCloseOnSelect={\n          picker === 'day' && !(reactDatePickerProps.showTimeInput ?? false)\n        }\n        dayClassName={() => 'ndl-datepicker-day'}\n        renderCustomHeader={CustomHeader}\n        {...datePickerProps}\n        isClearable={isClearable}\n        popperClassName={classNames(\n          'ndl-datepicker-popper',\n          reactDatePickerProps.popperClassName,\n        )}\n        popperModifiers={[\n          shift({ padding: 8 }),\n          size({\n            apply({ availableHeight, availableWidth, elements }) {\n              elements.floating.style.setProperty(\n                '--ndl-datepicker-available-height',\n                `${availableHeight}px`,\n              );\n              Object.assign(elements.floating.style, {\n                maxWidth: `${availableWidth}px`,\n              });\n            },\n            padding: 8,\n          }),\n          ...(reactDatePickerProps.popperModifiers ?? []),\n        ]}\n        popperProps={{\n          strategy: isInsideDialog ? 'fixed' : 'absolute',\n          ...reactDatePickerProps.popperProps,\n        }}\n      />\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["// TODO: try to fix as some point\n/* eslint-disable @typescript-eslint/naming-convention */\n\n/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type Boundary, shift, size } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { format } from 'date-fns';\nimport { useCallback, useRef, useState } from 'react';\nimport ReactDatePicker, {\n  type ReactDatePickerCustomHeaderProps,\n} from 'react-datepicker';\n\nimport type { CommonProps, HtmlAttributes } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { Divider } from '../divider';\nimport { ArrowLeftIconOutline } from '../icons/generated/heroIcons/ArrowLeftIconOutline';\nimport { ArrowRightIconOutline } from '../icons/generated/heroIcons/ArrowRightIconOutline';\nimport { CalendarDaysIconOutline } from '../icons/generated/heroIcons/CalendarDaysIconOutline';\nimport { ChevronDownIconOutline } from '../icons/generated/heroIcons/ChevronDownIconOutline';\nimport { TextInput } from '../text-input';\nimport { NeedleTime, TimePicker, type TimePickerProps } from '../time-picker';\nimport { TimeZonePicker } from '../timezone-picker';\nimport { Typography } from '../typography';\nimport { daysInMonth, getYearsPeriodString } from './utils';\n\ntype DatePickerTextInputWrapperProps = React.ComponentProps<'input'> & {\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  isDisabled?: boolean;\n  isClearable?: boolean;\n  value?: string;\n  ariaLabel?: string;\n};\n\n// This wrapper is needed due to react-datepicker injecting html attributes\n// into the custom input component on root level, since we use htmlAttributes\n// we need to help spread them there instead of the root level\nconst DatePickerTextInputWrapper = ({\n  textInputProps,\n  isDisabled,\n  isClearable,\n  value,\n  placeholder,\n  ...restProps\n}: DatePickerTextInputWrapperProps) => {\n  // deconstruct textInputProps to avoid bugs with react-datepicker injecting props\n  const {\n    placeholder: textInputPlaceholder,\n    htmlAttributes: textInputHtmlAttributes,\n    onChange: textInputOnChange,\n    ref,\n    ...restTextInputProps\n  } = textInputProps ?? {};\n  const { onChange: injectedOnChange, ...restInjectedProps } = restProps;\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    injectedOnChange?.(event);\n    textInputOnChange?.(event);\n  };\n\n  return (\n    <TextInput\n      ref={ref}\n      trailingElement={<CalendarDaysIconOutline />}\n      value={value}\n      placeholder={placeholder ?? textInputPlaceholder}\n      isDisabled={isDisabled}\n      isClearable={isClearable}\n      onChange={handleChange}\n      // react-datepicker injects html attributes into the custom input\n      htmlAttributes={{\n        ...textInputHtmlAttributes,\n        ...restInjectedProps,\n      }}\n      {...restTextInputProps}\n    />\n  );\n};\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype PickerType = 'day' | 'month' | 'year';\n\n// Define a more flexible type for onChange\ntype DatePickerChangeHandler = (\n  date: Date | null | [Date | null, Date | null] | Date[],\n  event?: React.SyntheticEvent | undefined,\n) => void;\n\n/**\n * @remarks\n * The `reactDatePickerProps` prop is forwarded to the underlying `react-datepicker` component. See the [react-datepicker documentation](https://reactdatepicker.com/) for more information.\n *\n * @remarks\n * Where `TextInputProps` is defined in the `TextInput` component and `TimePickerProps` is defined in the `TimePicker` component.\n */\ninterface DatePickerProps {\n  /** Props for the embedded `TextInput` component. */\n  textInputProps?: React.ComponentProps<typeof TextInput>;\n  /** Whether the date picker is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Whether to show the clear button.\n   * @default false\n   */\n  isClearable?: boolean;\n  /** Props for the embedded `TimePicker` component. */\n  timePickerProps?: TimePickerProps;\n  /** Props for the embedded `TimeZonePicker` component. */\n  timeZonePickerProps?: React.ComponentProps<typeof TimeZonePicker>;\n  /** Props forwarded to underlying `react-datepicker` component. */\n  reactDatePickerProps: React.ComponentProps<typeof ReactDatePicker>;\n  /**\n   * WARNING: these attributes do not apply to the underlying input element currently. This will be fixed in a future version.\n   */\n  htmlAttributes?: HtmlAttributes<'div'>;\n}\n\nexport const DatePicker = ({\n  reactDatePickerProps,\n  textInputProps,\n  timePickerProps,\n  timeZonePickerProps,\n  isDisabled,\n  isClearable = false,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', DatePickerProps>) => {\n  const classes = classNames(`ndl-datepicker`, className, {});\n  const datetimeRef = useRef<ReactDatePicker>(null);\n  const [picker, setPicker] = useState<PickerType>('day');\n  const [preSelectedDate, setPreSelectedDate] = useState<Date | null>(\n    (reactDatePickerProps.selected as Date | null) ||\n      (reactDatePickerProps.startDate as Date | null),\n  );\n  const [selectedTimeZone, setSelectedTimeZone] = useState<string | undefined>(\n    timeZonePickerProps?.value,\n  );\n\n  const isInsideDialog = useIsInsideDialog();\n\n  // Inside a Dialog the popper is fixed and not portaled. A transformed\n  // ancestor (e.g. Popover) can make Floating UI under-measure available\n  // space, so use the viewport as the boundary instead.\n  const floatingBoundary: Boundary = isInsideDialog ? [] : 'clippingAncestors';\n\n  const headerAction = useCallback(\n    (action: PickerType) => {\n      setPicker(picker === action ? 'day' : action);\n    },\n    [picker],\n  );\n\n  const CustomHeader = useCallback(\n    (props: ReactDatePickerCustomHeaderProps) => {\n      const {\n        decreaseMonth,\n        increaseMonth,\n        increaseYear,\n        decreaseYear,\n        nextMonthButtonDisabled,\n        nextYearButtonDisabled,\n        prevMonthButtonDisabled,\n        prevYearButtonDisabled,\n      } = props;\n\n      const prevCallback = picker === 'year' ? decreaseYear : decreaseMonth;\n      const nextCallback = picker === 'year' ? increaseYear : increaseMonth;\n      const prevDisabled =\n        picker === 'year' ? prevYearButtonDisabled : prevMonthButtonDisabled;\n      const nextDisabled =\n        picker === 'year' ? nextYearButtonDisabled : nextMonthButtonDisabled;\n\n      return (\n        <div className=\"ndl-datepicker-header\">\n          <div className=\"ndl-datepicker-selects\">\n            {picker !== 'year' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'month' ? 'Close' : 'Open'} month picker`}\n                aria-pressed={picker === 'month'}\n                onClick={() => headerAction('month')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {format(props.date, 'MMM')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'month',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n            {picker !== 'month' && (\n              <button\n                type=\"button\"\n                aria-label={`${picker === 'year' ? 'Close' : 'Open'} year picker`}\n                onClick={() => headerAction('year')}\n              >\n                <div className=\"n-flex n-items-center n-gap-token-4\">\n                  <Typography variant=\"subheading-small\">\n                    {picker === 'year'\n                      ? getYearsPeriodString(\n                          props.date,\n                          reactDatePickerProps?.yearItemNumber,\n                        )\n                      : format(props.date, 'yyyy')}\n                  </Typography>\n                  <ChevronDownIconOutline\n                    className={classNames('ndl-datepicker-chevron', {\n                      'n-rotate-180': picker === 'year',\n                    })}\n                    aria-label=\"Chevron icon\"\n                  />\n                </div>\n              </button>\n            )}\n          </div>\n          {picker !== 'month' && (\n            <div className=\"n-flex n-justify-center n-gap-token-16\">\n              <CleanIconButton\n                description={\n                  picker === 'year' ? 'Previous period' : 'Previous month'\n                }\n                onClick={prevCallback}\n                isDisabled={prevDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowLeftIconOutline />\n              </CleanIconButton>\n              <CleanIconButton\n                description={picker === 'year' ? 'Next period' : 'Next month'}\n                onClick={nextCallback}\n                isDisabled={nextDisabled}\n                className=\"n-text-neutral-text-weak\"\n                size=\"small\"\n              >\n                <ArrowRightIconOutline />\n              </CleanIconButton>\n            </div>\n          )}\n        </div>\n      );\n    },\n    [picker, headerAction, reactDatePickerProps?.yearItemNumber],\n  );\n\n  const handleTimeChange = (newTime: NeedleTime) => {\n    if (\n      reactDatePickerProps.selectsRange ||\n      reactDatePickerProps.selectsMultiple\n    ) {\n      // this is consistent with the behavior of react-datepicker\n      return;\n    }\n\n    if (!preSelectedDate) {\n      return;\n    }\n\n    const newDate = new Date(preSelectedDate);\n    newDate.setHours(newTime.hour, newTime.minute, 0, 0);\n    setPreSelectedDate(newDate);\n\n    if (reactDatePickerProps.onChange) {\n      // For single date selection\n      reactDatePickerProps.onChange(newDate, undefined);\n    }\n  };\n\n  const handleTimeZoneChange = (timezone: string) => {\n    setSelectedTimeZone(timezone);\n    if (timeZonePickerProps?.onChange) {\n      timeZonePickerProps.onChange(timezone);\n    }\n  };\n\n  /**\n   * Intercept onChange so we can work with\n   * Month and Year pickers\n   */\n  const interceptedChange: DatePickerChangeHandler = useCallback(\n    (\n      date: Date | null | [Date | null, Date | null] | Date[],\n      event?: React.SyntheticEvent,\n    ) => {\n      if (picker !== 'day') {\n        // setTimeout to prevent picker change before the handleMonthChange logic\n        setTimeout(() => {\n          setPicker('day');\n        });\n      } else if (picker === 'day') {\n        if (date instanceof Date) {\n          setPreSelectedDate(date);\n        } else if (\n          Array.isArray(date) &&\n          date.length > 0 &&\n          date[0] instanceof Date\n        ) {\n          setPreSelectedDate(date[0]);\n        } else if (date === null) {\n          setPreSelectedDate(null);\n        }\n\n        if (reactDatePickerProps.onChange && date !== null) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            date,\n            event,\n          );\n        }\n      }\n    },\n    [picker, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onCalendarClose so we can\n   * switch to \"day\" picker if we close on \"month\" or \"year\"\n   * view\n   */\n  const interceptedOnCalendarClose = useCallback(() => {\n    if (picker !== 'day') {\n      setPicker('day');\n    }\n    reactDatePickerProps?.onCalendarClose?.();\n  }, [picker, reactDatePickerProps]);\n\n  const handleMonthChange = useCallback(\n    (date: Date) => {\n      if (picker === 'month') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const daysInNewMonth = daysInMonth(date.getMonth(), date.getFullYear());\n        date.setDate(Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      } else if (picker === 'year') {\n        const selectedDay = preSelectedDate?.getDate() ?? 1;\n        const selectedMonth = preSelectedDate?.getMonth() ?? 0;\n        const daysInNewMonth = daysInMonth(selectedMonth, date.getFullYear());\n        date.setMonth(selectedMonth, Math.min(selectedDay, daysInNewMonth));\n        reactDatePickerProps?.onMonthChange?.(date);\n      }\n      setPreSelectedDate(date);\n    },\n    [picker, preSelectedDate, reactDatePickerProps],\n  );\n\n  /**\n   * Intercept onChangeRaw to handle clearing the input\n   * When the user clears the text input, set the date to null\n   */\n  const interceptedOnChangeRaw = useCallback(\n    (\n      event?:\n        | React.KeyboardEvent<HTMLElement>\n        | React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => {\n      const target = event?.target as HTMLInputElement | undefined;\n      if (target?.value === '') {\n        setPreSelectedDate(null);\n        if (reactDatePickerProps.onChange) {\n          (reactDatePickerProps.onChange as DatePickerChangeHandler)(\n            null,\n            event,\n          );\n        }\n      }\n      reactDatePickerProps?.onChangeRaw?.(event);\n    },\n    [reactDatePickerProps],\n  );\n\n  const datePickerProps = {\n    ...reactDatePickerProps,\n    onCalendarClose: interceptedOnCalendarClose,\n    onChange: interceptedChange,\n    onChangeRaw: interceptedOnChangeRaw,\n    onMonthChange: handleMonthChange,\n  };\n\n  return (\n    <div\n      className={classes}\n      ref={ref}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/** TODO v5: Remove the div wrapper, type the component as an input, and apply all root props to the TextInput */}\n      <ReactDatePicker\n        ref={datetimeRef}\n        customInput={\n          <DatePickerTextInputWrapper\n            isDisabled={isDisabled}\n            isClearable={isClearable}\n            textInputProps={textInputProps}\n          />\n        }\n        customTimeInput={\n          <span className=\"ndl-time-picker-wrapper\">\n            <Divider />\n            <TimePicker\n              isFluid\n              value={\n                preSelectedDate\n                  ? new NeedleTime(\n                      preSelectedDate.getHours(),\n                      preSelectedDate.getMinutes(),\n                    )\n                  : undefined\n              }\n              onChange={handleTimeChange}\n              {...timePickerProps}\n              floatingStrategy=\"absolute\"\n              isPortaled={false}\n            />\n            {timeZonePickerProps && (\n              <TimeZonePicker\n                isFluid\n                value={selectedTimeZone}\n                onChange={handleTimeZoneChange}\n                referenceDate={preSelectedDate || undefined}\n                {...timeZonePickerProps}\n                floatingStrategy=\"absolute\"\n                isPortaled={false}\n              />\n            )}\n          </span>\n        }\n        disabled={isDisabled}\n        showPopperArrow={false}\n        showMonthYearPicker={picker === 'month'}\n        showYearPicker={picker === 'year'}\n        shouldCloseOnSelect={\n          picker === 'day' && !(reactDatePickerProps.showTimeInput ?? false)\n        }\n        dayClassName={() => 'ndl-datepicker-day'}\n        renderCustomHeader={CustomHeader}\n        {...datePickerProps}\n        isClearable={isClearable}\n        popperClassName={classNames(\n          'ndl-datepicker-popper',\n          reactDatePickerProps.popperClassName,\n        )}\n        popperModifiers={[\n          shift({ boundary: floatingBoundary, padding: 8 }),\n          size({\n            apply({ availableHeight, availableWidth, elements }) {\n              elements.floating.style.setProperty(\n                '--ndl-datepicker-available-height',\n                `${availableHeight}px`,\n              );\n              Object.assign(elements.floating.style, {\n                maxWidth: `${availableWidth}px`,\n              });\n            },\n            boundary: floatingBoundary,\n            padding: 8,\n          }),\n          ...(reactDatePickerProps.popperModifiers ?? []),\n        ]}\n        popperProps={{\n          strategy: isInsideDialog ? 'fixed' : 'absolute',\n          ...reactDatePickerProps.popperProps,\n        }}\n      />\n    </div>\n  );\n};\n"]}

package/lib/esm/date-picker/stories/date-picker-in-popover-dialog.story.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { DatePicker, Dialog, FilledButton, Popover } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const Component = () => {
+    const [selectedDate, setSelectedDate] = useState(new Date('2023-05-27'));
+    const handleOnChange = (date) => {
+        setSelectedDate(date);
+    };
+    return (_jsxs(Dialog, { isOpen: true, "aria-label": "Dialog", children: [_jsx(Dialog.Header, { children: "Using Date Picker inside a popover in a dialog" }), _jsx(Dialog.Description, { className: "n-flex n-flex-col n-gap-token-32", children: _jsxs(Popover, { children: [_jsx(Popover.Trigger, { hasButtonWrapper: true, children: _jsx(FilledButton, { children: "Open Popover" }) }), _jsx(Popover.Content, { className: "n-p-token-16", children: _jsx(DatePicker, { reactDatePickerProps: {
+                                    onChange: handleOnChange,
+                                    selected: selectedDate,
+                                }, textInputProps: {
+                                    htmlAttributes: {
+                                        'aria-label': 'Date picker input',
+                                    },
+                                } }) })] }) })] }));
+};
+export default Component;
+//# sourceMappingURL=date-picker-in-popover-dialog.story.js.map

package/lib/esm/date-picker/stories/date-picker-in-popover-dialog.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-in-popover-dialog.story.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/date-picker-in-popover-dialog.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,IAAI,IAAI,CAAC,YAAY,CAAC,CACvB,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC3C,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IAAC,MAAM,EAAE,IAAI,gBAAa,QAAQ,aACvC,KAAC,MAAM,CAAC,MAAM,iEAEE,EAChB,KAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,kCAAkC,YAC9D,MAAC,OAAO,eACN,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,YAAY,+BAA4B,GACzB,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,YACvC,KAAC,UAAU,IACT,oBAAoB,EAAE;oCACpB,QAAQ,EAAE,cAAc;oCACxB,QAAQ,EAAE,YAAY;iCACvB,EACD,cAAc,EAAE;oCACd,cAAc,EAAE;wCACd,YAAY,EAAE,mBAAmB;qCAClC;iCACF,GACD,GACc,IACV,GACS,IACd,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DatePicker, Dialog, FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selectedDate, setSelectedDate] = useState<Date | null>(\n    new Date('2023-05-27'),\n  );\n  const handleOnChange = (date: Date | null) => {\n    setSelectedDate(date);\n  };\n\n  return (\n    <Dialog isOpen={true} aria-label=\"Dialog\">\n      <Dialog.Header>\n        Using Date Picker inside a popover in a dialog\n      </Dialog.Header>\n      <Dialog.Description className=\"n-flex n-flex-col n-gap-token-32\">\n        <Popover>\n          <Popover.Trigger hasButtonWrapper>\n            <FilledButton>Open Popover</FilledButton>\n          </Popover.Trigger>\n          <Popover.Content className=\"n-p-token-16\">\n            <DatePicker\n              reactDatePickerProps={{\n                onChange: handleOnChange,\n                selected: selectedDate,\n              }}\n              textInputProps={{\n                htmlAttributes: {\n                  'aria-label': 'Date picker input',\n                },\n              }}\n            />\n          </Popover.Content>\n        </Popover>\n      </Dialog.Description>\n    </Dialog>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/date-picker/stories/index.js

@@ -29,6 +29,7 @@ export { default as DatePickerWithTimeZone } from './date-picker-with-timezone.s
 export { default as DatePickerWithTimeZoneBothMode } from './date-picker-with-timezone-both-mode.story';
 export { default as DatePickerDisabled } from './date-picker-disabled.story';
 export { default as DatePickerInDialog } from './date-picker-in-dialog.story';
+export { default as DatePickerInPopoverDialog } from './date-picker-in-popover-dialog.story';
 export { default as DatePickerFull } from './date-picker-full.story';
 export { default as DatePickerPortaled } from './date-picker-portaled.story';
 export { default as DatePickerRange } from './date-picker-range.story';
@@ -38,6 +39,7 @@ import DatePickerDefaultSourceRaw from './date-picker-default.story.tsx?raw';
 import DatePickerDisabledSourceRaw from './date-picker-disabled.story.tsx?raw';
 import DatePickerFullSourceRaw from './date-picker-full.story.tsx?raw';
 import DatePickerInDialogSourceRaw from './date-picker-in-dialog.story.tsx?raw';
+import DatePickerInPopoverDialogSourceRaw from './date-picker-in-popover-dialog.story.tsx?raw';
 import DatePickerMinMaxDateSourceRaw from './date-picker-min-max-date.story.tsx?raw';
 import DatePickerOpensToDateSourceRaw from './date-picker-opens-to-date.story.tsx?raw';
 import DatePickerPortaledSourceRaw from './date-picker-portaled.story.tsx?raw';
@@ -58,6 +60,7 @@ export const DatePickerWithTimeZoneSource = removeLicenseHeader(DatePickerWithTi
 export const DatePickerWithTimeZoneBothModeSource = removeLicenseHeader(DatePickerWithTimeZoneBothModeSourceRaw);
 export const DatePickerDisabledSource = removeLicenseHeader(DatePickerDisabledSourceRaw);
 export const DatePickerInDialogSource = removeLicenseHeader(DatePickerInDialogSourceRaw);
+export const DatePickerInPopoverDialogSource = removeLicenseHeader(DatePickerInPopoverDialogSourceRaw);
 export const DatePickerFullSource = removeLicenseHeader(DatePickerFullSourceRaw);
 export const DatePickerPortaledSource = removeLicenseHeader(DatePickerPortaledSourceRaw);
 export const DatePickerRangeSource = removeLicenseHeader(DatePickerRangeSourceRaw);

package/lib/esm/date-picker/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as DatePickerDefault } from './date-picker-default.story';\nexport { default as DatePickerClearable } from './date-picker-clearable.story';\nexport { default as DatePickerStartsOnMonday } from './date-picker-starts-on-monday.story';\nexport { default as DatePickerMinMaxDate } from './date-picker-min-max-date.story';\nexport { default as DatePickerOpensToDate } from './date-picker-opens-to-date.story';\nexport { default as DatePickerTextInputProps } from './date-picker-text-input-props.story';\nexport { default as DatePickerWithTimePicker } from './date-picker-with-time-picker.story';\nexport { default as DatePickerWithTimeZone } from './date-picker-with-timezone.story';\nexport { default as DatePickerWithTimeZoneBothMode } from './date-picker-with-timezone-both-mode.story';\nexport { default as DatePickerDisabled } from './date-picker-disabled.story';\nexport { default as DatePickerInDialog } from './date-picker-in-dialog.story';\nexport { default as DatePickerFull } from './date-picker-full.story';\nexport { default as DatePickerPortaled } from './date-picker-portaled.story';\nexport { default as DatePickerRange } from './date-picker-range.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DatePickerClearableSourceRaw from './date-picker-clearable.story.tsx?raw';\nimport DatePickerDefaultSourceRaw from './date-picker-default.story.tsx?raw';\nimport DatePickerDisabledSourceRaw from './date-picker-disabled.story.tsx?raw';\nimport DatePickerFullSourceRaw from './date-picker-full.story.tsx?raw';\nimport DatePickerInDialogSourceRaw from './date-picker-in-dialog.story.tsx?raw';\nimport DatePickerMinMaxDateSourceRaw from './date-picker-min-max-date.story.tsx?raw';\nimport DatePickerOpensToDateSourceRaw from './date-picker-opens-to-date.story.tsx?raw';\nimport DatePickerPortaledSourceRaw from './date-picker-portaled.story.tsx?raw';\nimport DatePickerRangeSourceRaw from './date-picker-range.story.tsx?raw';\nimport DatePickerStartsOnMondaySourceRaw from './date-picker-starts-on-monday.story.tsx?raw';\nimport DatePickerTextInputPropsSourceRaw from './date-picker-text-input-props.story.tsx?raw';\nimport DatePickerWithTimePickerSourceRaw from './date-picker-with-time-picker.story.tsx?raw';\nimport DatePickerWithTimeZoneSourceRaw from './date-picker-with-timezone.story.tsx?raw';\nimport DatePickerWithTimeZoneBothModeSourceRaw from './date-picker-with-timezone-both-mode.story.tsx?raw';\n\nexport const DatePickerDefaultSource = removeLicenseHeader(\n  DatePickerDefaultSourceRaw,\n);\nexport const DatePickerClearableSource = removeLicenseHeader(\n  DatePickerClearableSourceRaw,\n);\nexport const DatePickerStartsOnMondaySource = removeLicenseHeader(\n  DatePickerStartsOnMondaySourceRaw,\n);\nexport const DatePickerMinMaxDateSource = removeLicenseHeader(\n  DatePickerMinMaxDateSourceRaw,\n);\nexport const DatePickerOpensToDateSource = removeLicenseHeader(\n  DatePickerOpensToDateSourceRaw,\n);\nexport const DatePickerTextInputPropsSource = removeLicenseHeader(\n  DatePickerTextInputPropsSourceRaw,\n);\nexport const DatePickerWithTimePickerSource = removeLicenseHeader(\n  DatePickerWithTimePickerSourceRaw,\n);\nexport const DatePickerWithTimeZoneSource = removeLicenseHeader(\n  DatePickerWithTimeZoneSourceRaw,\n);\nexport const DatePickerWithTimeZoneBothModeSource = removeLicenseHeader(\n  DatePickerWithTimeZoneBothModeSourceRaw,\n);\nexport const DatePickerDisabledSource = removeLicenseHeader(\n  DatePickerDisabledSourceRaw,\n);\nexport const DatePickerInDialogSource = removeLicenseHeader(\n  DatePickerInDialogSourceRaw,\n);\nexport const DatePickerFullSource = removeLicenseHeader(\n  DatePickerFullSourceRaw,\n);\nexport const DatePickerPortaledSource = removeLicenseHeader(\n  DatePickerPortaledSourceRaw,\n);\nexport const DatePickerRangeSource = removeLicenseHeader(\n  DatePickerRangeSourceRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date-picker/stories/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as DatePickerDefault } from './date-picker-default.story';\nexport { default as DatePickerClearable } from './date-picker-clearable.story';\nexport { default as DatePickerStartsOnMonday } from './date-picker-starts-on-monday.story';\nexport { default as DatePickerMinMaxDate } from './date-picker-min-max-date.story';\nexport { default as DatePickerOpensToDate } from './date-picker-opens-to-date.story';\nexport { default as DatePickerTextInputProps } from './date-picker-text-input-props.story';\nexport { default as DatePickerWithTimePicker } from './date-picker-with-time-picker.story';\nexport { default as DatePickerWithTimeZone } from './date-picker-with-timezone.story';\nexport { default as DatePickerWithTimeZoneBothMode } from './date-picker-with-timezone-both-mode.story';\nexport { default as DatePickerDisabled } from './date-picker-disabled.story';\nexport { default as DatePickerInDialog } from './date-picker-in-dialog.story';\nexport { default as DatePickerInPopoverDialog } from './date-picker-in-popover-dialog.story';\nexport { default as DatePickerFull } from './date-picker-full.story';\nexport { default as DatePickerPortaled } from './date-picker-portaled.story';\nexport { default as DatePickerRange } from './date-picker-range.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport DatePickerClearableSourceRaw from './date-picker-clearable.story.tsx?raw';\nimport DatePickerDefaultSourceRaw from './date-picker-default.story.tsx?raw';\nimport DatePickerDisabledSourceRaw from './date-picker-disabled.story.tsx?raw';\nimport DatePickerFullSourceRaw from './date-picker-full.story.tsx?raw';\nimport DatePickerInDialogSourceRaw from './date-picker-in-dialog.story.tsx?raw';\nimport DatePickerInPopoverDialogSourceRaw from './date-picker-in-popover-dialog.story.tsx?raw';\nimport DatePickerMinMaxDateSourceRaw from './date-picker-min-max-date.story.tsx?raw';\nimport DatePickerOpensToDateSourceRaw from './date-picker-opens-to-date.story.tsx?raw';\nimport DatePickerPortaledSourceRaw from './date-picker-portaled.story.tsx?raw';\nimport DatePickerRangeSourceRaw from './date-picker-range.story.tsx?raw';\nimport DatePickerStartsOnMondaySourceRaw from './date-picker-starts-on-monday.story.tsx?raw';\nimport DatePickerTextInputPropsSourceRaw from './date-picker-text-input-props.story.tsx?raw';\nimport DatePickerWithTimePickerSourceRaw from './date-picker-with-time-picker.story.tsx?raw';\nimport DatePickerWithTimeZoneSourceRaw from './date-picker-with-timezone.story.tsx?raw';\nimport DatePickerWithTimeZoneBothModeSourceRaw from './date-picker-with-timezone-both-mode.story.tsx?raw';\n\nexport const DatePickerDefaultSource = removeLicenseHeader(\n  DatePickerDefaultSourceRaw,\n);\nexport const DatePickerClearableSource = removeLicenseHeader(\n  DatePickerClearableSourceRaw,\n);\nexport const DatePickerStartsOnMondaySource = removeLicenseHeader(\n  DatePickerStartsOnMondaySourceRaw,\n);\nexport const DatePickerMinMaxDateSource = removeLicenseHeader(\n  DatePickerMinMaxDateSourceRaw,\n);\nexport const DatePickerOpensToDateSource = removeLicenseHeader(\n  DatePickerOpensToDateSourceRaw,\n);\nexport const DatePickerTextInputPropsSource = removeLicenseHeader(\n  DatePickerTextInputPropsSourceRaw,\n);\nexport const DatePickerWithTimePickerSource = removeLicenseHeader(\n  DatePickerWithTimePickerSourceRaw,\n);\nexport const DatePickerWithTimeZoneSource = removeLicenseHeader(\n  DatePickerWithTimeZoneSourceRaw,\n);\nexport const DatePickerWithTimeZoneBothModeSource = removeLicenseHeader(\n  DatePickerWithTimeZoneBothModeSourceRaw,\n);\nexport const DatePickerDisabledSource = removeLicenseHeader(\n  DatePickerDisabledSourceRaw,\n);\nexport const DatePickerInDialogSource = removeLicenseHeader(\n  DatePickerInDialogSourceRaw,\n);\nexport const DatePickerInPopoverDialogSource = removeLicenseHeader(\n  DatePickerInPopoverDialogSourceRaw,\n);\nexport const DatePickerFullSource = removeLicenseHeader(\n  DatePickerFullSourceRaw,\n);\nexport const DatePickerPortaledSource = removeLicenseHeader(\n  DatePickerPortaledSourceRaw,\n);\nexport const DatePickerRangeSource = removeLicenseHeader(\n  DatePickerRangeSourceRaw,\n);\n"]}

package/lib/esm/time-picker/TimePicker.js

@@ -223,6 +223,10 @@ export const TimePicker = (_a) => {
     /** Custom floating ui solution */
     const isInsideDialog = useIsInsideDialog();
     const isPortaled = isPortaledProp !== null && isPortaledProp !== void 0 ? isPortaledProp : !isInsideDialog;
+    // Inside a Dialog the popover is fixed and not portaled. A transformed
+    // ancestor (e.g. Popover) can make Floating UI under-measure available
+    // space, so use the viewport as the boundary instead.
+    const floatingBoundary = isInsideDialog ? [] : 'clippingAncestors';
     const containerRef = useRef(null);
     const { refs, floatingStyles, context } = useFloating({
         elements: {
@@ -234,13 +238,14 @@ export const TimePicker = (_a) => {
                 fallbackPlacements: ['top'],
                 fallbackStrategy: 'bestFit',
             }),
-            shift({ padding: 5 }),
+            shift({ boundary: floatingBoundary, padding: 5 }),
             sizeMiddleware({
                 apply({ availableHeight, elements }) {
                     Object.assign(elements.floating.style, {
                         maxHeight: `${availableHeight}px`,
                     });
                 },
+                boundary: floatingBoundary,
                 padding: 5,
             }),
         ],