@smwb/ui-react 2.8.0 → 2.9.0

package/dist/headless/components/dataDisplay/chat/chat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  composerShiftEnterNewline?: boolean;\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const resolvedFooter =\n    footer ??\n    children ??\n    (showComposer ? (\n      <>\n        {fileInput}\n        <ChatComposer\n          onSendMessage={onSendMessage}\n          placeholder={composerPlaceholder}\n          disabled={composerDisabled}\n          shiftEnterNewline={composerShiftEnterNewline}\n          ctrlEnterNewline={composerCtrlEnterNewline}\n          fileUpload={fileUploadEnabled}\n          attachInputId={fileUploadEnabled ? attachInputId : undefined}\n          attachAriaLabel={attachAriaLabel}\n        />\n      </>\n    ) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n            layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n            allowedLayouts={allowedLayouts}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter}\n      >\n        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","fileInput","jsx","resolvedFooter","_a","jsxs","Fragment","ChatComposer","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","cn","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":"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"}
+{"version":3,"file":"chat.js","sources":["../../../../../src/components/dataDisplay/chat/chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, ReactNode, useId, useMemo } from \"react\";\nimport cn from \"clsx\";\nimport type { Accept } from \"./useChatFileUpload\";\nimport { FloatingButton } from \"../../inputs/floatingButton/floatingButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\nimport { Composer } from \"../../inputs/composer/composer\";\nimport type { ComposerProps } from \"../../inputs/composer/composer\";\nimport ChatComposer from \"./chatComposer\";\nimport ChatHeader from \"./chatHeader\";\nimport ChatMessages, { ChatMessagesProps } from \"./chatMessages\";\nimport ChatShell from \"./chatShell\";\nimport useChatFileUpload from \"./useChatFileUpload\";\nimport {\n  ChatAnchor,\n  ChatLayoutMode,\n  ChatMessage,\n  ChatMessageRenderContext,\n  ChatThemeMode,\n  CHAT_EXPAND_LAYOUTS,\n} from \"./types\";\nimport { pickInitialLayout, resolveAllowedLayouts, shouldShowChatCloseButton } from \"./utils\";\n\n/**\n * Props for the `Composer` Chat draws as its footer. The props Chat owns itself — `onSendMessage` (the composer's\n * `onSend`), `busy`, `onStop`, `composerPlaceholder` (`placeholder`), `composerDisabled` (`disabled`), the file upload\n * props (`onAttach`, `accept`, `multiple`, `maxFiles`) and `dropTarget` (always `false`: the Chat shell is the drop\n * target) — are left out, Chat passes them and does not let a caller override them.\n */\nexport type ChatFooterComposerProps = Omit<\n  ComposerProps,\n  | \"onSend\"\n  | \"busy\"\n  | \"onStop\"\n  | \"disabled\"\n  | \"placeholder\"\n  | \"onAttach\"\n  | \"accept\"\n  | \"multiple\"\n  | \"maxFiles\"\n  | \"dropTarget\"\n>;\n\nexport interface ChatProps\n  extends PropsWithChildren, Omit<ChatMessageRenderContext, \"showAvatars\" | \"showAttachments\"> {\n  className?: string;\n  messages: ChatMessage[];\n  showAvatars?: boolean;\n  showAttachments?: boolean;\n  headerTitle?: ReactNode;\n  headerSubtitle?: ReactNode;\n  headerActions?: ReactNode;\n  footer?: ReactNode;\n  anchor?: ChatAnchor;\n  themeMode?: ChatThemeMode;\n  allowedLayouts?: ChatLayoutMode[];\n  layout?: ChatLayoutMode;\n  defaultLayout?: ChatLayoutMode;\n  onLayoutChange?: (layout: ChatLayoutMode) => void;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  floatingTrigger?: boolean;\n  triggerIcon?: ReactNode;\n  triggerLabel?: string;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  /**\n   * The agent is replying: the composer's send button turns into Stop and calls `onStop`, the keys do not send, the\n   * text stays editable. Not the same as `loading` (the message list skeleton). The default composer only.\n   */\n  busy?: boolean;\n  /** Called when Stop is pressed while `busy` (and not `composerDisabled`). The default composer only. */\n  onStop?: () => void;\n  /**\n   * More props for the built-in `Composer`: `toolbar`, `attachments`, `maxLength`, `counter`, `minRows`, `maxRows`,\n   * `layout`, `sendKey` (default here `\"enter\"`), `value`/`defaultValue`/`onValueChange`, `clearOnSend`, `autoFocus`,\n   * `inputRef`, `aria-*`, `sendLabel`, `stopLabel`, `attachLabel`, `className`, `data-*`, … Chat's own props\n   * (`onSendMessage`, `busy`, `onStop`, `composerPlaceholder`, `composerDisabled`, the file upload props) win.\n   */\n  composerProps?: ChatFooterComposerProps;\n  /**\n   * Deprecated: draws the old `ChatComposer` (Enter sends, TextField DOM, `chat-composer*` test ids) instead of the\n   * built-in `Composer`. Kept for the migration and removed with `ChatComposer` in the next major; `busy`, `onStop`\n   * and `composerProps` are ignored in this mode.\n   *\n   * @deprecated Migrate to the default `Composer`; see the README section \"Migrating from ChatComposer\".\n   */\n  legacyComposer?: boolean;\n  composerPlaceholder?: string;\n  composerDisabled?: boolean;\n  /**\n   * Deprecated: works with `legacyComposer` only — the built-in `Composer` always inserts a newline on Shift+Enter.\n   * Pass it together with `legacyComposer` until that is removed.\n   *\n   * @deprecated Use `legacyComposer`; the default `Composer` has no equivalent flag.\n   */\n  composerShiftEnterNewline?: boolean;\n  /**\n   * Deprecated: works with `legacyComposer` only — with the built-in `Composer` Ctrl/⌘+Enter sends. Pass it together\n   * with `legacyComposer` until that is removed.\n   *\n   * @deprecated Use `legacyComposer`; the default `Composer` has no equivalent flag.\n   */\n  composerCtrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  fileUploadAccept?: Accept;\n  fileUploadMaxFiles?: number;\n  attachAriaLabel?: string;\n  loading?: boolean;\n  loadingMore?: boolean;\n  loadingSkeletonCount?: number;\n  renderMessage?: ChatMessagesProps[\"renderMessage\"];\n  embedded?: boolean;\n  overlayContext?: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageRenderContext[\"statusIcons\"];\n  renderStatus?: ChatMessageRenderContext[\"renderStatus\"];\n  showCloseButton?: boolean;\n}\n\nexport function Chat({\n  className,\n  messages,\n  showAvatars = false,\n  showAttachments = false,\n  headerTitle,\n  headerSubtitle,\n  headerActions,\n  footer,\n  children,\n  anchor = \"bottom-right\",\n  themeMode = \"inherit\",\n  allowedLayouts: allowedLayoutsProp,\n  layout: layoutProp,\n  defaultLayout,\n  onLayoutChange,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  floatingTrigger = false,\n  triggerIcon,\n  triggerLabel,\n  onLoadMore,\n  hasMore,\n  onSendMessage,\n  busy,\n  onStop,\n  composerProps,\n  legacyComposer = false,\n  composerPlaceholder = \"message\",\n  composerDisabled,\n  composerShiftEnterNewline = true,\n  composerCtrlEnterNewline = true,\n  fileUpload = false,\n  onUploadFiles,\n  fileUploadAccept,\n  fileUploadMaxFiles,\n  attachAriaLabel,\n  loading,\n  loadingMore,\n  loadingSkeletonCount,\n  renderMessage,\n  embedded = false,\n  overlayContext = false,\n  showStatus = false,\n  statusIcons,\n  renderStatus,\n  showCloseButton,\n}: ChatProps) {\n  const allowedLayouts = useMemo(\n    () => resolveAllowedLayouts(allowedLayoutsProp ?? CHAT_EXPAND_LAYOUTS),\n    [allowedLayoutsProp]\n  );\n\n  const [open, setOpen] = useControllableState<boolean>({\n    value: openProp,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const [layout, setLayout] = useControllableState<ChatLayoutMode>({\n    value: layoutProp,\n    defaultValue: pickInitialLayout(allowedLayouts, defaultLayout),\n    onChange: onLayoutChange,\n  });\n\n  const effectiveLayout: ChatLayoutMode = embedded\n    ? \"fullHeight\"\n    : floatingTrigger\n      ? open\n        ? layout\n        : \"closed\"\n      : layout;\n\n  const handleOpen = () => {\n    setOpen(true);\n    if (layout === \"closed\") {\n      setLayout(pickInitialLayout(allowedLayouts, defaultLayout));\n    }\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleLayoutChange = (next: ChatLayoutMode) => {\n    setOpen(true);\n    setLayout(next);\n  };\n\n  const {\n    enabled: fileUploadEnabled,\n    maxFiles: resolvedMaxFiles,\n    getRootProps,\n    getInputProps,\n    isDragActive,\n  } = useChatFileUpload({\n    enabled: fileUpload,\n    accept: fileUploadAccept,\n    maxFiles: fileUploadMaxFiles,\n    onUploadFiles,\n    disabled: composerDisabled,\n  });\n\n  const attachInputId = useId();\n\n  const showComposer = Boolean(onSendMessage) || fileUploadEnabled;\n  // Composer has no text-less mode, so an upload without a send handler keeps the old attach-only ChatComposer.\n  const attachOnly = fileUploadEnabled && !onSendMessage;\n  const useLegacyComposer = legacyComposer || attachOnly;\n\n  const fileInput = fileUploadEnabled ? (\n    <input {...getInputProps({ id: attachInputId })} data-testid=\"chat-file-input\" />\n  ) : null;\n\n  const legacyComposerNode = (\n    <>\n      {fileInput}\n      <ChatComposer\n        onSendMessage={onSendMessage}\n        placeholder={composerPlaceholder}\n        disabled={composerDisabled}\n        shiftEnterNewline={composerShiftEnterNewline}\n        ctrlEnterNewline={composerCtrlEnterNewline}\n        fileUpload={fileUploadEnabled}\n        attachInputId={fileUploadEnabled ? attachInputId : undefined}\n        attachAriaLabel={attachAriaLabel}\n      />\n    </>\n  );\n\n  const defaultComposerNode = (\n    <Composer\n      {...composerProps}\n      className={cn(\"smwb-chat__composer\", composerProps?.className)}\n      sendKey={composerProps?.sendKey ?? \"enter\"}\n      aria-label={composerProps?.[\"aria-label\"] ?? (composerProps?.[\"aria-labelledby\"] ? undefined : \"Message\")}\n      sendLabel={composerProps?.sendLabel ?? \"Send message\"}\n      attachLabel={attachAriaLabel ?? composerProps?.attachLabel}\n      placeholder={composerPlaceholder}\n      disabled={composerDisabled}\n      busy={busy}\n      onStop={onStop}\n      onSend={onSendMessage ? (text) => void onSendMessage(text) : undefined}\n      {...(fileUploadEnabled\n        ? {\n            onAttach: (files: File[]) => void onUploadFiles?.(files),\n            accept: fileUploadAccept,\n            maxFiles: resolvedMaxFiles,\n            multiple: resolvedMaxFiles > 1,\n            // The shell is the drop target: a drop here has to reach it, not be handled twice.\n            dropTarget: false,\n          }\n        : {})}\n    />\n  );\n\n  const resolvedFooter =\n    footer ?? children ?? (showComposer ? (useLegacyComposer ? legacyComposerNode : defaultComposerNode) : undefined);\n\n  const chatMessages = (\n    <ChatMessages\n      messages={messages}\n      showAvatars={showAvatars}\n      showAttachments={showAttachments}\n      showStatus={showStatus}\n      statusIcons={statusIcons}\n      renderStatus={renderStatus}\n      onLoadMore={onLoadMore}\n      hasMore={hasMore}\n      loading={loading}\n      loadingMore={loadingMore}\n      loadingSkeletonCount={loadingSkeletonCount}\n      renderMessage={renderMessage}\n    />\n  );\n\n  const chatBody = chatMessages;\n\n  const fileDropzoneRootProps = fileUploadEnabled ? getRootProps() : undefined;\n\n  const closeButtonVisible = shouldShowChatCloseButton({\n    floatingTrigger,\n    embedded,\n    overlayContext,\n    effectiveLayout,\n    showCloseButton,\n  });\n\n  return (\n    <div\n      className={cn(\n        \"smwb-chat\",\n        !embedded && `smwb-chat_${anchor}`,\n        embedded && \"smwb-chat_embedded\",\n        overlayContext && \"smwb-chat_overlay-context\",\n        className\n      )}\n      data-testid=\"chat\"\n    >\n      {floatingTrigger && !embedded && !open ? (\n        <FloatingButton\n          className=\"smwb-chat__trigger\"\n          aria-label={triggerLabel ?? \"Open chat\"}\n          data-testid=\"chat-trigger\"\n          onClick={handleOpen}\n        >\n          {triggerIcon ?? <Icon name=\"chat\" size={24} />}\n        </FloatingButton>\n      ) : null}\n      <ChatShell\n        layout={effectiveLayout}\n        anchor={anchor}\n        themeMode={themeMode}\n        embedded={embedded}\n        overlayContext={overlayContext}\n        fileDropzoneRootProps={fileDropzoneRootProps}\n        fileDropzoneActive={fileUploadEnabled && isDragActive}\n        header={\n          <ChatHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n            layout={effectiveLayout === \"closed\" ? layout : effectiveLayout}\n            allowedLayouts={allowedLayouts}\n            onLayoutChange={handleLayoutChange}\n            onClose={closeButtonVisible ? handleClose : undefined}\n          />\n        }\n        footer={resolvedFooter}\n      >\n        {chatBody}\n      </ChatShell>\n    </div>\n  );\n}\n\nexport default Chat;\n"],"names":["Chat","className","messages","showAvatars","showAttachments","headerTitle","headerSubtitle","headerActions","footer","children","anchor","themeMode","allowedLayoutsProp","layoutProp","defaultLayout","onLayoutChange","openProp","defaultOpen","onOpenChange","floatingTrigger","triggerIcon","triggerLabel","onLoadMore","hasMore","onSendMessage","busy","onStop","composerProps","legacyComposer","composerPlaceholder","composerDisabled","composerShiftEnterNewline","composerCtrlEnterNewline","fileUpload","onUploadFiles","fileUploadAccept","fileUploadMaxFiles","attachAriaLabel","loading","loadingMore","loadingSkeletonCount","renderMessage","embedded","overlayContext","showStatus","statusIcons","renderStatus","showCloseButton","allowedLayouts","useMemo","resolveAllowedLayouts","CHAT_EXPAND_LAYOUTS","open","setOpen","useControllableState","layout","setLayout","pickInitialLayout","effectiveLayout","handleOpen","handleClose","handleLayoutChange","next","fileUploadEnabled","resolvedMaxFiles","getRootProps","getInputProps","isDragActive","useChatFileUpload","attachInputId","useId","showComposer","useLegacyComposer","fileInput","jsx","legacyComposerNode","jsxs","Fragment","ChatComposer","defaultComposerNode","Composer","cn","_a","_b","_c","text","files","resolvedFooter","_d","chatBody","ChatMessages","fileDropzoneRootProps","closeButtonVisible","shouldShowChatCloseButton","FloatingButton","Icon","ChatShell","ChatHeader"],"mappings":";;;;;;;;;;;;;;AA2HO,SAASA,GAAK;AAAA,EACnB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,iBAAAC,IAAkB;AAAA,EAClB,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,WAAAC,IAAY;AAAA,EACZ,gBAAgBC;AAAA,EAChB,QAAQC;AAAA,EACR,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,qBAAAC,IAAsB;AAAA,EACtB,kBAAAC;AAAA,EACA,2BAAAC,KAA4B;AAAA,EAC5B,0BAAAC,KAA2B;AAAA,EAC3B,YAAAC,KAAa;AAAA,EACb,eAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,gBAAAC,IAAiB;AAAA,EACjB,YAAAC,KAAa;AAAA,EACb,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AACF,GAAc;;AACZ,QAAMC,IAAiBC;AAAA,IACrB,MAAMC,GAAsBtC,KAAA,OAAAA,IAAsBuC,EAAmB;AAAA,IACrE,CAACvC,CAAkB;AAAA,EAAA,GAGf,CAACwC,GAAMC,CAAO,IAAIC,EAA8B;AAAA,IACpD,OAAOtC;AAAA,IACP,cAAcC;AAAA,IACd,UAAUC;AAAA,EAAA,CACX,GAEK,CAACqC,GAAQC,CAAS,IAAIF,EAAqC;AAAA,IAC/D,OAAOzC;AAAA,IACP,cAAc4C,EAAkBT,GAAgBlC,CAAa;AAAA,IAC7D,UAAUC;AAAA,EAAA,CACX,GAEK2C,IAAkChB,IACpC,eACAvB,IACEiC,IACEG,IACA,WACFA,GAEAI,KAAa,MAAM;AACvB,IAAAN,EAAQ,EAAI,GACRE,MAAW,YACbC,EAAUC,EAAkBT,GAAgBlC,CAAa,CAAC;AAAA,EAE9D,GAEM8C,KAAc,MAAM;AACxB,IAAAP,EAAQ,EAAK;AAAA,EACf,GAEMQ,KAAqB,CAACC,MAAyB;AACnD,IAAAT,EAAQ,EAAI,GACZG,EAAUM,CAAI;AAAA,EAChB,GAEM;AAAA,IACJ,SAASC;AAAA,IACT,UAAUC;AAAA,IACV,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,GAAkB;AAAA,IACpB,SAASnC;AAAA,IACT,QAAQE;AAAA,IACR,UAAUC;AAAA,IACV,eAAAF;AAAA,IACA,UAAUJ;AAAA,EAAA,CACX,GAEKuC,IAAgBC,GAAA,GAEhBC,KAAe,EAAQ/C,KAAkBuC,GAGzCS,KAAoB5C,KADPmC,KAAqB,CAACvC,GAGnCiD,KAAYV,IAChB,gBAAAW,EAAC,SAAA,EAAO,GAAGR,GAAc,EAAE,IAAIG,EAAA,CAAe,GAAG,eAAY,mBAAkB,IAC7E,MAEEM,KACJ,gBAAAC,EAAAC,IAAA,EACG,UAAA;AAAA,IAAAJ;AAAA,IACD,gBAAAC;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,eAAAtD;AAAA,QACA,aAAaK;AAAA,QACb,UAAUC;AAAA,QACV,mBAAmBC;AAAA,QACnB,kBAAkBC;AAAA,QAClB,YAAY+B;AAAA,QACZ,eAAeA,IAAoBM,IAAgB;AAAA,QACnD,iBAAAhC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF,GAGI0C,KACJ,gBAAAL;AAAA,IAACM;AAAA,IAAA;AAAA,MACE,GAAGrD;AAAA,MACJ,WAAWsD,EAAG,uBAAuBtD,KAAA,gBAAAA,EAAe,SAAS;AAAA,MAC7D,UAASuD,IAAAvD,KAAA,gBAAAA,EAAe,YAAf,OAAAuD,IAA0B;AAAA,MACnC,eAAYC,IAAAxD,KAAA,gBAAAA,EAAgB,kBAAhB,OAAAwD,IAAkCxD,KAAA,QAAAA,EAAgB,qBAAqB,SAAY;AAAA,MAC/F,YAAWyD,IAAAzD,KAAA,gBAAAA,EAAe,cAAf,OAAAyD,IAA4B;AAAA,MACvC,aAAa/C,KAAA,OAAAA,IAAmBV,KAAA,gBAAAA,EAAe;AAAA,MAC/C,aAAaE;AAAA,MACb,UAAUC;AAAA,MACV,MAAAL;AAAA,MACA,QAAAC;AAAA,MACA,QAAQF,IAAgB,CAAC6D,MAAS,KAAK7D,EAAc6D,CAAI,IAAI;AAAA,MAC5D,GAAItB,IACD;AAAA,QACE,UAAU,CAACuB,MAAkB,MAAKpD,KAAA,gBAAAA,EAAgBoD;AAAA,QAClD,QAAQnD;AAAA,QACR,UAAU6B;AAAA,QACV,UAAUA,IAAmB;AAAA;AAAA,QAE7B,YAAY;AAAA,MAAA,IAEd,CAAA;AAAA,IAAC;AAAA,EAAA,GAIHuB,MACJC,IAAAhF,KAAA,OAAAA,IAAUC,MAAV,OAAA+E,IAAuBjB,KAAgBC,KAAoBG,KAAqBI,KAAuB,QAmBnGU,KAhBJ,gBAAAf;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,UAAAxF;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,YAAAwC;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAxB;AAAA,MACA,SAAAC;AAAA,MACA,SAAAe;AAAA,MACA,aAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,EAAA,GAMEkD,KAAwB5B,IAAoBE,GAAA,IAAiB,QAE7D2B,KAAqBC,GAA0B;AAAA,IACnD,iBAAA1E;AAAA,IACA,UAAAuB;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAe;AAAA,IACA,iBAAAX;AAAA,EAAA,CACD;AAED,SACE,gBAAA6B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWK;AAAA,QACT;AAAA,QACA,CAACvC,KAAY,aAAahC,CAAM;AAAA,QAChCgC,KAAY;AAAA,QACZC,KAAkB;AAAA,QAClB1C;AAAA,MAAA;AAAA,MAEF,eAAY;AAAA,MAEX,UAAA;AAAA,QAAAkB,KAAmB,CAACuB,KAAY,CAACU,IAChC,gBAAAsB;AAAA,UAACoB;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,cAAYzE,KAAA,OAAAA,IAAgB;AAAA,YAC5B,eAAY;AAAA,YACZ,SAASsC;AAAA,YAER,0BAAe,gBAAAe,EAACqB,IAAA,EAAK,MAAK,QAAO,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA,IAE5C;AAAA,QACJ,gBAAArB;AAAA,UAACsB;AAAA,UAAA;AAAA,YACC,QAAQtC;AAAA,YACR,QAAAhD;AAAA,YACA,WAAAC;AAAA,YACA,UAAA+B;AAAA,YACA,gBAAAC;AAAA,YACA,uBAAAgD;AAAA,YACA,oBAAoB5B,KAAqBI;AAAA,YACzC,QACE,gBAAAO;AAAA,cAACuB;AAAA,cAAA;AAAA,gBACC,OAAO5F;AAAA,gBACP,UAAUC;AAAA,gBACV,SAASC;AAAA,gBACT,QAAQmD,MAAoB,WAAWH,IAASG;AAAA,gBAChD,gBAAAV;AAAA,gBACA,gBAAgBa;AAAA,gBAChB,SAAS+B,KAAqBhC,KAAc;AAAA,cAAA;AAAA,YAAA;AAAA,YAGhD,QAAQ2B;AAAA,YAEP,UAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/headless/components/dataDisplay/chat/chatComposer.js

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useState as T, useId as S, useRef as W } from "react";
+import { useState as B, useId as S, useRef as W } from "react";
 import i from "clsx";
 import { Icon as g } from "../../base/icon/icon.js";
 import { TextFieldWrapper as H } from "../../inputs/textField/textFieldWrapper.js";
-import { ChatIconButton as y } from "./chatIconButton.js";
+import { ChatIconButton as T } from "./chatIconButton.js";
 import { shouldComposerNewlineOnEnter as P } from "./utils.js";
 import { TextField as R } from "../../inputs/textField/textField.js";
 function _(o) {
@@ -11,8 +11,8 @@ function _(o) {
 }
 function V(o, n, l) {
   var s, u;
-  const e = (s = o.selectionStart) != null ? s : n.length, h = (u = o.selectionEnd) != null ? u : n.length, m = `${n.slice(0, e)}
-${n.slice(h)}`;
+  const e = (s = o.selectionStart) != null ? s : n.length, f = (u = o.selectionEnd) != null ? u : n.length, m = `${n.slice(0, e)}
+${n.slice(f)}`;
   l(m), requestAnimationFrame(() => {
     o.selectionStart = e + 1, o.selectionEnd = e + 1;
   });
@@ -22,34 +22,36 @@ function J({
   onSendMessage: n,
   placeholder: l = "message",
   disabled: e = !1,
-  sendAriaLabel: h = "Send message",
+  sendAriaLabel: f = "Send message",
   shiftEnterNewline: m = !0,
   ctrlEnterNewline: s = !0,
   fileUpload: u = !1,
-  attachInputId: f,
+  attachInputId: h,
   onAttachClick: b,
   attachAriaLabel: x = "Attach file"
 }) {
-  const [a, d] = T(""), [N, D] = T(!1), C = S(), p = W(null), k = m || s, z = !!n && a.trim().length > 0 && !e, F = u && !!(f || b), A = () => {
+  const [a, d] = B(""), [k, C] = B(!1), D = S(), p = W(null), E = m || s, N = !!n && a.trim().length > 0 && !e, F = u && !!(h || b), y = () => {
     if (!n)
       return;
     const t = a.trim();
     !t || e || (n(t), d(""));
-  }, B = (t) => {
-    if (P(t, { shiftEnterNewline: m, ctrlEnterNewline: s })) {
-      t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), V(t.currentTarget, a, d));
-      return;
+  }, A = (t) => {
+    if (!(t.nativeEvent.isComposing || t.keyCode === 229)) {
+      if (P(t, { shiftEnterNewline: m, ctrlEnterNewline: s })) {
+        t.currentTarget instanceof HTMLTextAreaElement && (t.preventDefault(), V(t.currentTarget, a, d));
+        return;
+      }
+      t.key === "Enter" && (t.preventDefault(), y());
     }
-    t.key === "Enter" && (t.preventDefault(), A());
-  }, E = i(
+  }, z = i(
     "smwb-chat-icon-button",
     "smwb-chat-icon-button_edge-start",
     e && "smwb-chat-icon-button_disabled"
-  ), c = F ? f ? /* @__PURE__ */ r(
+  ), c = F ? h ? /* @__PURE__ */ r(
     "label",
     {
-      htmlFor: e ? void 0 : f,
-      className: E,
+      htmlFor: e ? void 0 : h,
+      className: z,
       "aria-label": x,
       "aria-disabled": e || void 0,
       "data-testid": "chat-composer-attach",
@@ -57,7 +59,7 @@ function J({
       children: /* @__PURE__ */ r(g, { name: "attach_file", size: 24 })
     }
   ) : /* @__PURE__ */ r(
-    y,
+    T,
     {
       edge: "start",
       "aria-label": x,
@@ -68,14 +70,14 @@ function J({
       children: /* @__PURE__ */ r(g, { name: "attach_file", size: 24 })
     }
   ) : null, w = n ? /* @__PURE__ */ r(
-    y,
+    T,
     {
       edge: "end",
       color: "primary",
-      "aria-label": h,
+      "aria-label": f,
       "data-testid": "chat-composer-send",
-      disabled: !z,
-      onClick: A,
+      disabled: !N,
+      onClick: y,
       onMouseDown: _,
       children: /* @__PURE__ */ r(g, { name: "send", size: 24 })
     }
@@ -89,7 +91,7 @@ function J({
         children: c
       }
     );
-  if (!k)
+  if (!E)
     return /* @__PURE__ */ r(
       R,
       {
@@ -102,7 +104,7 @@ function J({
         onChange: (t) => d(t.target.value),
         startAdornment: c,
         endAdornment: w,
-        onKeyDown: B
+        onKeyDown: A
       }
     );
   const K = (t) => {
@@ -116,8 +118,8 @@ function J({
       fullWidth: !0,
       disabled: e,
       isFilledState: a.length > 0,
-      isFocused: N,
-      htmlFor: C,
+      isFocused: k,
+      htmlFor: D,
       shrink: !!c,
       onHolderMouseDown: K,
       startAdornment: c,
@@ -125,7 +127,7 @@ function J({
       children: /* @__PURE__ */ r(
         "textarea",
         {
-          id: C,
+          id: D,
           ref: p,
           className: i(
             "smwb-text-field__input",
@@ -139,9 +141,9 @@ function J({
           placeholder: l,
           rows: 1,
           onChange: (t) => d(t.target.value),
-          onFocus: () => D(!0),
-          onBlur: () => D(!1),
-          onKeyDown: B
+          onFocus: () => C(!0),
+          onBlur: () => C(!1),
+          onKeyDown: A
         }
       )
     }

package/dist/headless/components/dataDisplay/chat/chatComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatComposer.js","sources":["../../../../../src/components/dataDisplay/chat/chatComposer.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { TextField } from \"../../inputs/textField\";\nimport { TextFieldWrapper } from \"../../inputs/textField/textFieldWrapper\";\nimport ChatIconButton from \"./chatIconButton\";\nimport { shouldComposerNewlineOnEnter } from \"./utils\";\n\nexport interface ChatComposerProps {\n  className?: string;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  placeholder?: string;\n  disabled?: boolean;\n  sendAriaLabel?: string;\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  attachInputId?: string;\n  onAttachClick?: () => void;\n  attachAriaLabel?: string;\n}\n\nfunction stopPropagation(event: React.SyntheticEvent) {\n  event.stopPropagation();\n}\n\nfunction insertNewlineAtCursor(element: HTMLTextAreaElement, value: string, setValue: (next: string) => void) {\n  const start = element.selectionStart ?? value.length;\n  const end = element.selectionEnd ?? value.length;\n  const nextValue = `${value.slice(0, start)}\\n${value.slice(end)}`;\n\n  setValue(nextValue);\n\n  requestAnimationFrame(() => {\n    element.selectionStart = start + 1;\n    element.selectionEnd = start + 1;\n  });\n}\n\nexport function ChatComposer({\n  className,\n  onSendMessage,\n  placeholder = \"message\",\n  disabled = false,\n  sendAriaLabel = \"Send message\",\n  shiftEnterNewline = true,\n  ctrlEnterNewline = true,\n  fileUpload = false,\n  attachInputId,\n  onAttachClick,\n  attachAriaLabel = \"Attach file\",\n}: ChatComposerProps) {\n  const [value, setValue] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const inputId = useId();\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const multiline = shiftEnterNewline || ctrlEnterNewline;\n  const canSend = Boolean(onSendMessage) && value.trim().length > 0 && !disabled;\n  const showAttach = fileUpload && Boolean(attachInputId || onAttachClick);\n\n  const handleSend = () => {\n    if (!onSendMessage) {\n      return;\n    }\n\n    const text = value.trim();\n\n    if (!text || disabled) {\n      return;\n    }\n\n    void onSendMessage(text);\n    setValue(\"\");\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    if (shouldComposerNewlineOnEnter(event, { shiftEnterNewline, ctrlEnterNewline })) {\n      if (event.currentTarget instanceof HTMLTextAreaElement) {\n        event.preventDefault();\n        insertNewlineAtCursor(event.currentTarget, value, setValue);\n      }\n\n      return;\n    }\n\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    event.preventDefault();\n    handleSend();\n  };\n\n  const attachClassName = cn(\n    \"smwb-chat-icon-button\",\n    \"smwb-chat-icon-button_edge-start\",\n    disabled && \"smwb-chat-icon-button_disabled\"\n  );\n\n  const attachButton = showAttach ? (\n    attachInputId ? (\n      <label\n        htmlFor={disabled ? undefined : attachInputId}\n        className={attachClassName}\n        aria-label={attachAriaLabel}\n        aria-disabled={disabled || undefined}\n        data-testid=\"chat-composer-attach\"\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"attach_file\" size={24} />\n      </label>\n    ) : (\n      <ChatIconButton\n        edge=\"start\"\n        aria-label={attachAriaLabel}\n        data-testid=\"chat-composer-attach\"\n        disabled={disabled}\n        onClick={onAttachClick}\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"attach_file\" size={24} />\n      </ChatIconButton>\n    )\n  ) : null;\n\n  const sendButton = onSendMessage ? (\n    <ChatIconButton\n      edge=\"end\"\n      color=\"primary\"\n      aria-label={sendAriaLabel}\n      data-testid=\"chat-composer-send\"\n      disabled={!canSend}\n      onClick={handleSend}\n      onMouseDown={stopPropagation}\n    >\n      <Icon name=\"send\" size={24} />\n    </ChatIconButton>\n  ) : null;\n\n  if (showAttach && !onSendMessage) {\n    return (\n      <div\n        className={cn(\"smwb-chat-composer\", \"smwb-chat-composer_attach-only\", className)}\n        data-testid=\"chat-composer\"\n      >\n        {attachButton}\n      </div>\n    );\n  }\n\n  if (!multiline) {\n    return (\n      <TextField\n        className={cn(\"smwb-chat-composer\", className)}\n        data-testid=\"chat-composer\"\n        fullWidth\n        value={value}\n        disabled={disabled}\n        placeholder={placeholder}\n        onChange={(event) => setValue(event.target.value)}\n        startAdornment={attachButton}\n        endAdornment={sendButton}\n        onKeyDown={handleKeyDown}\n      />\n    );\n  }\n\n  const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (textareaRef.current && event.currentTarget === event.target) {\n      event.preventDefault();\n      textareaRef.current.focus();\n    }\n  };\n\n  return (\n    <TextFieldWrapper\n      className={cn(\"smwb-chat-composer\", className)}\n      data-testid=\"chat-composer\"\n      fullWidth\n      disabled={disabled}\n      isFilledState={value.length > 0}\n      isFocused={isFocused}\n      htmlFor={inputId}\n      shrink={Boolean(attachButton)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={attachButton}\n      endAdornment={sendButton}\n    >\n      <textarea\n        id={inputId}\n        ref={textareaRef}\n        className={cn(\n          \"smwb-text-field__input\",\n          \"smwb-chat-composer__input\",\n          \"smwb-text-field__input--show-placeholder\",\n          attachButton && \"smwb-text-field__input--adornment-start\",\n          sendButton && \"smwb-text-field__input--adornment-end\"\n        )}\n        value={value}\n        disabled={disabled}\n        placeholder={placeholder}\n        rows={1}\n        onChange={(event) => setValue(event.target.value)}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => setIsFocused(false)}\n        onKeyDown={handleKeyDown}\n      />\n    </TextFieldWrapper>\n  );\n}\n\nexport default ChatComposer;\n"],"names":["stopPropagation","event","insertNewlineAtCursor","element","value","setValue","start","_a","end","_b","nextValue","ChatComposer","className","onSendMessage","placeholder","disabled","sendAriaLabel","shiftEnterNewline","ctrlEnterNewline","fileUpload","attachInputId","onAttachClick","attachAriaLabel","useState","isFocused","setIsFocused","inputId","useId","textareaRef","useRef","multiline","canSend","showAttach","handleSend","text","handleKeyDown","shouldComposerNewlineOnEnter","attachClassName","cn","attachButton","jsx","Icon","ChatIconButton","sendButton","TextField","onHolderMouseDown","TextFieldWrapper"],"mappings":"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"}
+{"version":3,"file":"chatComposer.js","sources":["../../../../../src/components/dataDisplay/chat/chatComposer.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { TextField } from \"../../inputs/textField\";\nimport { TextFieldWrapper } from \"../../inputs/textField/textFieldWrapper\";\nimport ChatIconButton from \"./chatIconButton\";\nimport { shouldComposerNewlineOnEnter } from \"./utils\";\n\n/**\n * Deprecated: the props of the old chat input. Use `ComposerProps` — `Chat` now draws a `Composer` as its footer,\n * and the standalone `Composer` replaces these props (`onSendMessage` → `onSend`, `sendAriaLabel` → `sendLabel`,\n * `attachAriaLabel` → `attachLabel`, `fileUpload` + `attachInputId`/`onAttachClick` → `onAttach`,\n * `shiftEnterNewline` → `sendKey=\"enter\"`; `ctrlEnterNewline` has no equivalent — Ctrl/⌘+Enter always sends).\n * Removed in the next major.\n *\n * @deprecated Use `Composer` (`ComposerProps`); see the README section \"Migrating from ChatComposer\".\n */\nexport interface ChatComposerProps {\n  className?: string;\n  onSendMessage?: (text: string) => void | Promise<void>;\n  placeholder?: string;\n  disabled?: boolean;\n  sendAriaLabel?: string;\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n  fileUpload?: boolean;\n  attachInputId?: string;\n  onAttachClick?: () => void;\n  attachAriaLabel?: string;\n}\n\nfunction stopPropagation(event: React.SyntheticEvent) {\n  event.stopPropagation();\n}\n\nfunction insertNewlineAtCursor(element: HTMLTextAreaElement, value: string, setValue: (next: string) => void) {\n  const start = element.selectionStart ?? value.length;\n  const end = element.selectionEnd ?? value.length;\n  const nextValue = `${value.slice(0, start)}\\n${value.slice(end)}`;\n\n  setValue(nextValue);\n\n  requestAnimationFrame(() => {\n    element.selectionStart = start + 1;\n    element.selectionEnd = start + 1;\n  });\n}\n\n/**\n * Deprecated: the old chat input — Enter sends, a TextField-based DOM and the `chat-composer*` test ids.\n * `Chat` draws a `Composer` as its footer now, and the standalone `Composer` replaces this component\n * (`onSendMessage` → `onSend`, Enter-to-send → `sendKey=\"enter\"`). Kept for the migration and removed in the\n * next major; to keep this markup inside a Chat while migrating, pass `legacyComposer` to `Chat`.\n *\n * @deprecated Use `Composer`; see the README section \"Migrating from ChatComposer\".\n */\nexport function ChatComposer({\n  className,\n  onSendMessage,\n  placeholder = \"message\",\n  disabled = false,\n  sendAriaLabel = \"Send message\",\n  shiftEnterNewline = true,\n  ctrlEnterNewline = true,\n  fileUpload = false,\n  attachInputId,\n  onAttachClick,\n  attachAriaLabel = \"Attach file\",\n}: ChatComposerProps) {\n  const [value, setValue] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const inputId = useId();\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const multiline = shiftEnterNewline || ctrlEnterNewline;\n  const canSend = Boolean(onSendMessage) && value.trim().length > 0 && !disabled;\n  const showAttach = fileUpload && Boolean(attachInputId || onAttachClick);\n\n  const handleSend = () => {\n    if (!onSendMessage) {\n      return;\n    }\n\n    const text = value.trim();\n\n    if (!text || disabled) {\n      return;\n    }\n\n    void onSendMessage(text);\n    setValue(\"\");\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    // Enter that commits or cancels an IME composition belongs to the IME, not to the composer.\n    if (event.nativeEvent.isComposing || event.keyCode === 229) {\n      return;\n    }\n\n    if (shouldComposerNewlineOnEnter(event, { shiftEnterNewline, ctrlEnterNewline })) {\n      if (event.currentTarget instanceof HTMLTextAreaElement) {\n        event.preventDefault();\n        insertNewlineAtCursor(event.currentTarget, value, setValue);\n      }\n\n      return;\n    }\n\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    event.preventDefault();\n    handleSend();\n  };\n\n  const attachClassName = cn(\n    \"smwb-chat-icon-button\",\n    \"smwb-chat-icon-button_edge-start\",\n    disabled && \"smwb-chat-icon-button_disabled\"\n  );\n\n  const attachButton = showAttach ? (\n    attachInputId ? (\n      <label\n        htmlFor={disabled ? undefined : attachInputId}\n        className={attachClassName}\n        aria-label={attachAriaLabel}\n        aria-disabled={disabled || undefined}\n        data-testid=\"chat-composer-attach\"\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"attach_file\" size={24} />\n      </label>\n    ) : (\n      <ChatIconButton\n        edge=\"start\"\n        aria-label={attachAriaLabel}\n        data-testid=\"chat-composer-attach\"\n        disabled={disabled}\n        onClick={onAttachClick}\n        onMouseDown={stopPropagation}\n      >\n        <Icon name=\"attach_file\" size={24} />\n      </ChatIconButton>\n    )\n  ) : null;\n\n  const sendButton = onSendMessage ? (\n    <ChatIconButton\n      edge=\"end\"\n      color=\"primary\"\n      aria-label={sendAriaLabel}\n      data-testid=\"chat-composer-send\"\n      disabled={!canSend}\n      onClick={handleSend}\n      onMouseDown={stopPropagation}\n    >\n      <Icon name=\"send\" size={24} />\n    </ChatIconButton>\n  ) : null;\n\n  if (showAttach && !onSendMessage) {\n    return (\n      <div\n        className={cn(\"smwb-chat-composer\", \"smwb-chat-composer_attach-only\", className)}\n        data-testid=\"chat-composer\"\n      >\n        {attachButton}\n      </div>\n    );\n  }\n\n  if (!multiline) {\n    return (\n      <TextField\n        className={cn(\"smwb-chat-composer\", className)}\n        data-testid=\"chat-composer\"\n        fullWidth\n        value={value}\n        disabled={disabled}\n        placeholder={placeholder}\n        onChange={(event) => setValue(event.target.value)}\n        startAdornment={attachButton}\n        endAdornment={sendButton}\n        onKeyDown={handleKeyDown}\n      />\n    );\n  }\n\n  const onHolderMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    if (textareaRef.current && event.currentTarget === event.target) {\n      event.preventDefault();\n      textareaRef.current.focus();\n    }\n  };\n\n  return (\n    <TextFieldWrapper\n      className={cn(\"smwb-chat-composer\", className)}\n      data-testid=\"chat-composer\"\n      fullWidth\n      disabled={disabled}\n      isFilledState={value.length > 0}\n      isFocused={isFocused}\n      htmlFor={inputId}\n      shrink={Boolean(attachButton)}\n      onHolderMouseDown={onHolderMouseDown}\n      startAdornment={attachButton}\n      endAdornment={sendButton}\n    >\n      <textarea\n        id={inputId}\n        ref={textareaRef}\n        className={cn(\n          \"smwb-text-field__input\",\n          \"smwb-chat-composer__input\",\n          \"smwb-text-field__input--show-placeholder\",\n          attachButton && \"smwb-text-field__input--adornment-start\",\n          sendButton && \"smwb-text-field__input--adornment-end\"\n        )}\n        value={value}\n        disabled={disabled}\n        placeholder={placeholder}\n        rows={1}\n        onChange={(event) => setValue(event.target.value)}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => setIsFocused(false)}\n        onKeyDown={handleKeyDown}\n      />\n    </TextFieldWrapper>\n  );\n}\n\nexport default ChatComposer;\n"],"names":["stopPropagation","event","insertNewlineAtCursor","element","value","setValue","start","_a","end","_b","nextValue","ChatComposer","className","onSendMessage","placeholder","disabled","sendAriaLabel","shiftEnterNewline","ctrlEnterNewline","fileUpload","attachInputId","onAttachClick","attachAriaLabel","useState","isFocused","setIsFocused","inputId","useId","textareaRef","useRef","multiline","canSend","showAttach","handleSend","text","handleKeyDown","shouldComposerNewlineOnEnter","attachClassName","cn","attachButton","jsx","Icon","ChatIconButton","sendButton","TextField","onHolderMouseDown","TextFieldWrapper"],"mappings":"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"}

package/dist/headless/components/dataDisplay/chat/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/dataDisplay/chat/utils.ts"],"sourcesContent":["import {\n  ChatAttachment,\n  ChatLayoutMode,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatus,\n  ChatMessageStatusIcons,\n} from \"./types\";\n\nexport function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus {\n  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status as ChatMessageDeliveryStatus);\n}\n\nexport function resolveChatMessageStatusIcon(\n  status: ChatMessageStatus,\n  icons?: ChatMessageStatusIcons & Record<string, string | undefined>\n): string | undefined {\n  const custom = icons?.[status];\n  if (custom) {\n    return custom;\n  }\n\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_ICONS[status];\n  }\n\n  return undefined;\n}\n\nexport function resolveChatMessageStatusLabel(status: ChatMessageStatus): string {\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_LABELS[status];\n  }\n\n  return String(status);\n}\n\nexport function isImageAttachment(attachment: ChatAttachment): boolean {\n  if (attachment.mimeType?.startsWith(\"image/\")) {\n    return true;\n  }\n\n  return /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);\n}\n\nexport function formatChatTimestamp(value?: string | Date): string {\n  if (!value) {\n    return \"\";\n  }\n\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return String(value);\n  }\n\n  return new Intl.DateTimeFormat(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  }).format(date);\n}\n\nexport function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[] {\n  if (input == null) {\n    return [\"floating\"];\n  }\n\n  if (input.length === 0) {\n    return [];\n  }\n\n  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));\n}\n\nexport function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode {\n  if (preferred && preferred !== \"closed\" && allowed.includes(preferred)) {\n    return preferred;\n  }\n\n  return allowed[0] ?? \"floating\";\n}\n\nexport function getChatLayoutActions(\n  allowedLayouts: ChatLayoutMode[],\n  currentLayout?: ChatLayoutMode\n): Exclude<ChatLayoutMode, \"closed\">[] {\n  return resolveAllowedLayouts(allowedLayouts).filter(\n    (mode): mode is Exclude<ChatLayoutMode, \"closed\"> => mode !== \"closed\" && mode !== currentLayout\n  );\n}\n\nexport function shouldShowChatCloseButton(options: {\n  floatingTrigger?: boolean;\n  embedded?: boolean;\n  overlayContext?: boolean;\n  effectiveLayout?: ChatLayoutMode;\n  showCloseButton?: boolean;\n}): boolean {\n  if (options.showCloseButton === false) {\n    return false;\n  }\n\n  if (options.showCloseButton === true) {\n    return true;\n  }\n\n  if (\n    options.overlayContext &&\n    options.floatingTrigger &&\n    !options.embedded &&\n    (options.effectiveLayout === \"floating\" || options.effectiveLayout === \"fullHeight\")\n  ) {\n    return true;\n  }\n\n  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === \"floating\");\n}\n\nexport interface ChatComposerNewlineOptions {\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n}\n\nexport function shouldComposerNewlineOnEnter(\n  event: { key: string; shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  options: ChatComposerNewlineOptions = {}\n): boolean {\n  if (event.key !== \"Enter\") {\n    return false;\n  }\n\n  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;\n  const isCtrl = event.ctrlKey || event.metaKey;\n\n  if (shiftEnterNewline && event.shiftKey && !isCtrl) {\n    return true;\n  }\n\n  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":["isChatMessageDeliveryStatus","status","CHAT_MESSAGE_DELIVERY_STATUSES","resolveChatMessageStatusIcon","icons","custom","CHAT_MESSAGE_STATUS_ICONS","resolveChatMessageStatusLabel","CHAT_MESSAGE_STATUS_LABELS","isImageAttachment","attachment","_a","formatChatTimestamp","value","date","resolveAllowedLayouts","input","CHAT_EXPAND_LAYOUTS","mode","pickInitialLayout","allowed","preferred","getChatLayoutActions","allowedLayouts","currentLayout","shouldShowChatCloseButton","options","shouldComposerNewlineOnEnter","event","shiftEnterNewline","ctrlEnterNewline","isCtrl"],"mappings":";AAYO,SAASA,EAA4BC,GAAgE;AAC1G,SAAOC,EAA+B,SAASD,CAAmC;AACpF;AAEO,SAASE,EACdF,GACAG,GACoB;AACpB,QAAMC,IAASD,KAAA,gBAAAA,EAAQH;AACvB,MAAII;AACF,WAAOA;AAGT,MAAIL,EAA4BC,CAAM;AACpC,WAAOK,EAA0BL,CAAM;AAI3C;AAEO,SAASM,EAA8BN,GAAmC;AAC/E,SAAID,EAA4BC,CAAM,IAC7BO,EAA2BP,CAAM,IAGnC,OAAOA,CAAM;AACtB;AAEO,SAASQ,EAAkBC,GAAqC;;AACrE,UAAIC,IAAAD,EAAW,aAAX,QAAAC,EAAqB,WAAW,YAC3B,KAGF,mCAAmC,KAAKD,EAAW,IAAI;AAChE;AAEO,SAASE,EAAoBC,GAA+B;AACjE,MAAI,CAACA;AACH,WAAO;AAGT,QAAMC,IAAOD,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK;AAE3D,SAAI,OAAO,MAAMC,EAAK,QAAA,CAAS,IACtB,OAAOD,CAAK,IAGd,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,EAAE,OAAOC,CAAI;AAChB;AAEO,SAASC,EAAsBC,GAA4C;AAChF,SAAIA,KAAS,OACJ,CAAC,UAAU,IAGhBA,EAAM,WAAW,IACZ,CAAA,IAGFC,EAAoB,OAAO,CAACC,MAASF,EAAM,SAASE,CAAI,CAAC;AAClE;AAEO,SAASC,EAAkBC,GAA2BC,GAA4C;;AACvG,SAAIA,KAAaA,MAAc,YAAYD,EAAQ,SAASC,CAAS,IAC5DA,KAGFV,IAAAS,EAAQ,CAAC,MAAT,OAAAT,IAAc;AACvB;AAEO,SAASW,EACdC,GACAC,GACqC;AACrC,SAAOT,EAAsBQ,CAAc,EAAE;AAAA,IAC3C,CAACL,MAAoDA,MAAS,YAAYA,MAASM;AAAA,EAAA;AAEvF;AAEO,SAASC,EAA0BC,GAM9B;AACV,SAAIA,EAAQ,oBAAoB,KACvB,KAGLA,EAAQ,oBAAoB,MAK9BA,EAAQ,kBACRA,EAAQ,mBACR,CAACA,EAAQ,aACRA,EAAQ,oBAAoB,cAAcA,EAAQ,oBAAoB,gBAEhE,KAGF,GAAQA,EAAQ,mBAAmB,CAACA,EAAQ,YAAYA,EAAQ,oBAAoB;AAC7F;AAOO,SAASC,EACdC,GACAF,IAAsC,IAC7B;AACT,MAAIE,EAAM,QAAQ;AAChB,WAAO;AAGT,QAAM,EAAE,mBAAAC,IAAoB,IAAM,kBAAAC,IAAmB,OAASJ,GACxDK,IAASH,EAAM,WAAWA,EAAM;AAMtC,SAJI,GAAAC,KAAqBD,EAAM,YAAY,CAACG,KAIxCD,KAAoBC,KAAU,CAACH,EAAM;AAK3C;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/dataDisplay/chat/utils.ts"],"sourcesContent":["import {\n  ChatAttachment,\n  ChatLayoutMode,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatus,\n  ChatMessageStatusIcons,\n} from \"./types\";\n\nexport function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus {\n  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status as ChatMessageDeliveryStatus);\n}\n\nexport function resolveChatMessageStatusIcon(\n  status: ChatMessageStatus,\n  icons?: ChatMessageStatusIcons & Record<string, string | undefined>\n): string | undefined {\n  const custom = icons?.[status];\n  if (custom) {\n    return custom;\n  }\n\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_ICONS[status];\n  }\n\n  return undefined;\n}\n\nexport function resolveChatMessageStatusLabel(status: ChatMessageStatus): string {\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_LABELS[status];\n  }\n\n  return String(status);\n}\n\nexport function isImageAttachment(attachment: ChatAttachment): boolean {\n  if (attachment.mimeType?.startsWith(\"image/\")) {\n    return true;\n  }\n\n  return /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);\n}\n\nexport function formatChatTimestamp(value?: string | Date): string {\n  if (!value) {\n    return \"\";\n  }\n\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return String(value);\n  }\n\n  return new Intl.DateTimeFormat(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  }).format(date);\n}\n\nexport function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[] {\n  if (input == null) {\n    return [\"floating\"];\n  }\n\n  if (input.length === 0) {\n    return [];\n  }\n\n  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));\n}\n\nexport function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode {\n  if (preferred && preferred !== \"closed\" && allowed.includes(preferred)) {\n    return preferred;\n  }\n\n  return allowed[0] ?? \"floating\";\n}\n\nexport function getChatLayoutActions(\n  allowedLayouts: ChatLayoutMode[],\n  currentLayout?: ChatLayoutMode\n): Exclude<ChatLayoutMode, \"closed\">[] {\n  return resolveAllowedLayouts(allowedLayouts).filter(\n    (mode): mode is Exclude<ChatLayoutMode, \"closed\"> => mode !== \"closed\" && mode !== currentLayout\n  );\n}\n\nexport function shouldShowChatCloseButton(options: {\n  floatingTrigger?: boolean;\n  embedded?: boolean;\n  overlayContext?: boolean;\n  effectiveLayout?: ChatLayoutMode;\n  showCloseButton?: boolean;\n}): boolean {\n  if (options.showCloseButton === false) {\n    return false;\n  }\n\n  if (options.showCloseButton === true) {\n    return true;\n  }\n\n  if (\n    options.overlayContext &&\n    options.floatingTrigger &&\n    !options.embedded &&\n    (options.effectiveLayout === \"floating\" || options.effectiveLayout === \"fullHeight\")\n  ) {\n    return true;\n  }\n\n  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === \"floating\");\n}\n\n/**\n * Deprecated: the newline flags of the old `ChatComposer`. `Composer` picks the send key with `sendKey` instead\n * (`\"enter\"` = Enter sends, Shift+Enter makes a newline; `\"modEnter\"` = Ctrl/⌘+Enter sends). Removed with\n * `ChatComposer` in the next major.\n *\n * @deprecated Use `Composer`'s `sendKey`; see the README section \"Migrating from ChatComposer\".\n */\nexport interface ChatComposerNewlineOptions {\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n}\n\n/**\n * Deprecated: the key rule of the old `ChatComposer` (which Enter sends, which makes a newline).\n * `Composer` resolves the same choice through `sendKey` in `resolveComposerKeyAction`, and `Chat` draws a `Composer`\n * by default. Kept for `ChatComposer` and `legacyComposer` only; removed in the next major.\n *\n * @deprecated Use `Composer`'s `sendKey`; see the README section \"Migrating from ChatComposer\".\n */\nexport function shouldComposerNewlineOnEnter(\n  event: { key: string; shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  options: ChatComposerNewlineOptions = {}\n): boolean {\n  if (event.key !== \"Enter\") {\n    return false;\n  }\n\n  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;\n  const isCtrl = event.ctrlKey || event.metaKey;\n\n  if (shiftEnterNewline && event.shiftKey && !isCtrl) {\n    return true;\n  }\n\n  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":["isChatMessageDeliveryStatus","status","CHAT_MESSAGE_DELIVERY_STATUSES","resolveChatMessageStatusIcon","icons","custom","CHAT_MESSAGE_STATUS_ICONS","resolveChatMessageStatusLabel","CHAT_MESSAGE_STATUS_LABELS","isImageAttachment","attachment","_a","formatChatTimestamp","value","date","resolveAllowedLayouts","input","CHAT_EXPAND_LAYOUTS","mode","pickInitialLayout","allowed","preferred","getChatLayoutActions","allowedLayouts","currentLayout","shouldShowChatCloseButton","options","shouldComposerNewlineOnEnter","event","shiftEnterNewline","ctrlEnterNewline","isCtrl"],"mappings":";AAYO,SAASA,EAA4BC,GAAgE;AAC1G,SAAOC,EAA+B,SAASD,CAAmC;AACpF;AAEO,SAASE,EACdF,GACAG,GACoB;AACpB,QAAMC,IAASD,KAAA,gBAAAA,EAAQH;AACvB,MAAII;AACF,WAAOA;AAGT,MAAIL,EAA4BC,CAAM;AACpC,WAAOK,EAA0BL,CAAM;AAI3C;AAEO,SAASM,EAA8BN,GAAmC;AAC/E,SAAID,EAA4BC,CAAM,IAC7BO,EAA2BP,CAAM,IAGnC,OAAOA,CAAM;AACtB;AAEO,SAASQ,EAAkBC,GAAqC;;AACrE,UAAIC,IAAAD,EAAW,aAAX,QAAAC,EAAqB,WAAW,YAC3B,KAGF,mCAAmC,KAAKD,EAAW,IAAI;AAChE;AAEO,SAASE,EAAoBC,GAA+B;AACjE,MAAI,CAACA;AACH,WAAO;AAGT,QAAMC,IAAOD,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK;AAE3D,SAAI,OAAO,MAAMC,EAAK,QAAA,CAAS,IACtB,OAAOD,CAAK,IAGd,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,EAAE,OAAOC,CAAI;AAChB;AAEO,SAASC,EAAsBC,GAA4C;AAChF,SAAIA,KAAS,OACJ,CAAC,UAAU,IAGhBA,EAAM,WAAW,IACZ,CAAA,IAGFC,EAAoB,OAAO,CAACC,MAASF,EAAM,SAASE,CAAI,CAAC;AAClE;AAEO,SAASC,EAAkBC,GAA2BC,GAA4C;;AACvG,SAAIA,KAAaA,MAAc,YAAYD,EAAQ,SAASC,CAAS,IAC5DA,KAGFV,IAAAS,EAAQ,CAAC,MAAT,OAAAT,IAAc;AACvB;AAEO,SAASW,EACdC,GACAC,GACqC;AACrC,SAAOT,EAAsBQ,CAAc,EAAE;AAAA,IAC3C,CAACL,MAAoDA,MAAS,YAAYA,MAASM;AAAA,EAAA;AAEvF;AAEO,SAASC,EAA0BC,GAM9B;AACV,SAAIA,EAAQ,oBAAoB,KACvB,KAGLA,EAAQ,oBAAoB,MAK9BA,EAAQ,kBACRA,EAAQ,mBACR,CAACA,EAAQ,aACRA,EAAQ,oBAAoB,cAAcA,EAAQ,oBAAoB,gBAEhE,KAGF,GAAQA,EAAQ,mBAAmB,CAACA,EAAQ,YAAYA,EAAQ,oBAAoB;AAC7F;AAqBO,SAASC,EACdC,GACAF,IAAsC,IAC7B;AACT,MAAIE,EAAM,QAAQ;AAChB,WAAO;AAGT,QAAM,EAAE,mBAAAC,IAAoB,IAAM,kBAAAC,IAAmB,OAASJ,GACxDK,IAASH,EAAM,WAAWA,EAAM;AAMtC,SAJI,GAAAC,KAAqBD,EAAM,YAAY,CAACG,KAIxCD,KAAoBC,KAAU,CAACH,EAAM;AAK3C;"}

package/dist/headless/components/dataDisplay/dagView/dagLayout.js

@@ -0,0 +1,289 @@
+const _ = (o) => {
+  var l;
+  return (l = o.id) != null ? l : `${o.source}->${o.target}`;
+};
+function G(o) {
+  var a;
+  const l = (a = o.warn) != null ? a : (() => {
+  }), i = [], f = /* @__PURE__ */ new Map();
+  for (const n of o.nodes) {
+    if (f.has(n.id)) {
+      l(`node "${n.id}" is listed twice; the second is dropped.`);
+      continue;
+    }
+    f.set(n.id, i.length), i.push(n);
+  }
+  const h = [], e = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set();
+  for (const n of o.edges) {
+    const d = f.get(n.source), x = f.get(n.target);
+    if (d === void 0 || x === void 0) {
+      const M = d === void 0 ? n.source : n.target;
+      l(`edge ${n.source} -> ${n.target} names an unknown node "${M}"; it is dropped.`);
+      continue;
+    }
+    if (d === x) {
+      l(`edge ${n.source} -> ${n.target} is a self-loop; it is dropped.`);
+      continue;
+    }
+    const y = `${d} ${x}`, w = _(n);
+    if (e.has(y) || c.has(w)) {
+      l(`edge ${n.source} -> ${n.target} is listed twice; the second is dropped.`);
+      continue;
+    }
+    e.add(y), c.add(w), h.push({ id: w, source: n.source, target: n.target, from: d, to: x, reversed: !1 });
+  }
+  const s = i.map(() => []);
+  h.forEach((n, d) => s[n.from].push(d));
+  const t = new Uint8Array(i.length);
+  for (let n = 0; n < i.length; n++) {
+    if (t[n]) continue;
+    const d = [[n, 0]];
+    for (t[n] = 1; d.length; ) {
+      const x = d[d.length - 1], [y, w] = x, M = s[y];
+      if (w >= M.length) {
+        t[y] = 2, d.pop();
+        continue;
+      }
+      x[1] = w + 1;
+      const S = h[M[w]];
+      t[S.to] === 1 ? S.reversed = !0 : t[S.to] === 0 && (t[S.to] = 1, d.push([S.to, 0]));
+    }
+  }
+  return { nodes: i, index: f, edges: h };
+}
+function N(o, l) {
+  const i = Array.from({ length: o }, () => []), f = new Array(o).fill(0);
+  for (const [t, a] of l)
+    i[t].push(a), f[a]++;
+  const h = f.map((t) => t > 0), e = new Array(o).fill(0), c = [], s = [];
+  for (let t = 0; t < o; t++) f[t] === 0 && s.push(t);
+  for (let t = 0; t < s.length; t++) {
+    const a = s[t];
+    c.push(a);
+    for (const n of i[a])
+      e[n] = Math.max(e[n], e[a] + 1), --f[n] === 0 && s.push(n);
+  }
+  for (let t = c.length - 1; t >= 0; t--) {
+    const a = c[t], n = i[a];
+    n.length === 0 || h[a] || (e[a] = Math.min(...n.map((d) => e[d])) - 1);
+  }
+  return e;
+}
+function O(o, l, i) {
+  const f = [];
+  for (const s of o) for (const t of l[s].succs) f.push([i[s], i[t]]);
+  f.sort((s, t) => s[0] - t[0] || s[1] - t[1]);
+  let h = 1;
+  for (const [, s] of f) h = Math.max(h, s + 2);
+  const e = new Int32Array(h + 1);
+  let c = 0;
+  for (let s = f.length - 1; s >= 0; s--) {
+    const t = f[s][1];
+    for (let a = t; a > 0; a -= a & -a) c += e[a];
+    for (let a = t + 1; a <= h; a += a & -a) e[a]++;
+  }
+  return c;
+}
+function P(o, l, i) {
+  let f = 0;
+  for (let h = 0; h + 1 < o.length; h++) f += O(o[h], l, i);
+  return f;
+}
+function R(o, l, i, f) {
+  const h = /* @__PURE__ */ new Map();
+  for (const e of o) {
+    const c = f ? l[e].preds : l[e].succs;
+    c.length === 0 ? h.set(e, i[e]) : h.set(e, c.reduce((s, t) => s + i[t], 0) / c.length);
+  }
+  o.sort((e, c) => h.get(e) - h.get(c) || i[e] - i[c]), o.forEach((e, c) => i[e] = c);
+}
+function j(o, l, i) {
+  const f = new Int32Array(l.length);
+  for (const s of o) s.forEach((t, a) => f[t] = a);
+  let h = o.map((s) => s.slice()), e = P(o, l, f), c = 0;
+  for (let s = 0; s < i && e > 0; s++) {
+    if (s % 2 === 0) for (let n = 1; n < o.length; n++) R(o[n], l, f, !0);
+    else for (let n = o.length - 2; n >= 0; n--) R(o[n], l, f, !1);
+    const a = P(o, l, f);
+    if (a < e)
+      e = a, h = o.map((n) => n.slice()), c = 0;
+    else if (++c >= 2) break;
+  }
+  h.forEach((s, t) => o[t] = s);
+}
+function B(o, l, i) {
+  const f = [0];
+  for (let c = 1; c < o.length; c++) f.push(f[c - 1] + l[c - 1]);
+  const h = [];
+  o.forEach((c, s) => {
+    let t = { value: c - f[s], weight: i[s], count: 1 };
+    for (; h.length && h[h.length - 1].value > t.value; ) {
+      const a = h.pop(), n = a.weight + t.weight;
+      t = {
+        value: (a.value * a.weight + t.value * t.weight) / n,
+        weight: n,
+        count: a.count + t.count
+      };
+    }
+    h.push(t);
+  });
+  const e = [];
+  for (const c of h) for (let s = 0; s < c.count; s++) e.push(c.value + f[e.length]);
+  return e;
+}
+function F(o, l, i) {
+  const f = (e, c) => {
+    const s = l[e], t = l[c], a = s.node < 0 && t.node < 0 ? i / 2 : i;
+    return s.crossSize / 2 + a + t.crossSize / 2;
+  };
+  for (const e of o) {
+    let c = 0;
+    e.forEach((s, t) => {
+      t > 0 && (c += f(e[t - 1], s)), l[s].cross = c;
+    });
+  }
+  const h = ["down", "up", "down", "up", "both", "both"];
+  for (const e of h) {
+    const c = e === "up" ? o.map((s, t) => o.length - 1 - t) : o.map((s, t) => t);
+    for (const s of c) {
+      const t = o[s];
+      if (t.length === 0) continue;
+      const a = t.map((x) => {
+        const y = l[x], w = e === "down" ? y.preds : e === "up" ? y.succs : [...y.preds, ...y.succs];
+        return w.length === 0 ? y.cross : w.reduce((M, S) => M + l[S].cross, 0) / w.length;
+      }), n = t.slice(1).map((x, y) => f(t[y], x)), d = t.map((x) => l[x].node < 0 ? 2 : 1);
+      B(a, n, d).forEach((x, y) => l[t[y]].cross = x);
+    }
+  }
+}
+function q(o, l, i, f, h, e, c, s) {
+  const t = /* @__PURE__ */ new Map();
+  o.forEach((g, p) => t.set(g, p));
+  const a = i.map((g) => {
+    const p = l.edges[g], $ = t.get(p.from), r = t.get(p.to);
+    return p.reversed ? [r, $] : [$, r];
+  }), n = N(o.length, a), d = o.map((g, p) => ({
+    node: g,
+    rankSize: f(g),
+    crossSize: h(g),
+    layer: n[p],
+    cross: 0,
+    preds: [],
+    succs: []
+  })), x = i.map((g, p) => {
+    const [$, r] = a[p], u = [$];
+    let m = $;
+    for (let k = d[$].layer + 1; k < d[r].layer; k++) {
+      const E = d.length;
+      d.push({ node: -1, rankSize: 0, crossSize: 0, layer: k, cross: 0, preds: [], succs: [] }), d[m].succs.push(E), d[E].preds.push(m), u.push(E), m = E;
+    }
+    return d[m].succs.push(r), d[r].preds.push(m), u.push(r), { edge: g, chain: u };
+  }), y = d.reduce((g, p) => Math.max(g, p.layer + 1), 0), w = Array.from({ length: y }, () => []);
+  d.forEach((g, p) => w[g.layer].push(p)), j(w, d, s), F(w, d, c);
+  const M = w.map((g) => g.reduce((p, $) => Math.max(p, d[$].rankSize), 0)), S = [];
+  let A = 0;
+  M.forEach((g, p) => {
+    S[p] = A, A += g + (p + 1 < M.length ? e : 0);
+  });
+  let v = 1 / 0, z = -1 / 0;
+  for (const g of d)
+    v = Math.min(v, g.cross - g.crossSize / 2), z = Math.max(z, g.cross + g.crossSize / 2);
+  const I = Number.isFinite(v) ? -v : 0, C = /* @__PURE__ */ new Map();
+  w.forEach(
+    (g, p) => g.forEach(($, r) => {
+      const u = d[$];
+      u.node < 0 || C.set(u.node, {
+        rank: S[p] + (M[p] - u.rankSize) / 2,
+        cross: u.cross - u.crossSize / 2 + I,
+        layer: p,
+        order: r
+      });
+    })
+  );
+  const L = /* @__PURE__ */ new Map();
+  for (const { edge: g, chain: p } of x) {
+    const $ = [];
+    p.forEach((r, u) => {
+      const m = d[r], k = m.layer, E = m.cross + I, b = S[k] + (M[k] - m.rankSize) / 2;
+      u === 0 ? $.push({ rank: b + m.rankSize, cross: E }) : u === p.length - 1 ? $.push({ rank: b, cross: E }) : $.push({ rank: S[k], cross: E }, { rank: S[k] + M[k], cross: E });
+    }), l.edges[g].reversed && $.reverse(), L.set(g, $);
+  }
+  return {
+    nodes: C,
+    edges: L,
+    rankExtent: A,
+    crossExtent: Number.isFinite(z) ? z - v : 0
+  };
+}
+function D(o) {
+  var L, g, p, $;
+  const l = (L = o.direction) != null ? L : "LR", i = (g = o.rankGap) != null ? g : 64, f = (p = o.nodeGap) != null ? p : 24, h = ($ = o.sweeps) != null ? $ : 8, e = G(o), c = l === "LR", s = (r) => c ? e.nodes[r].width : e.nodes[r].height, t = (r) => c ? e.nodes[r].height : e.nodes[r].width, a = e.nodes.map((r, u) => u), n = (r) => {
+    for (; a[r] !== r; )
+      a[r] = a[a[r]], r = a[r];
+    return r;
+  };
+  for (const r of e.edges) {
+    const u = n(r.from), m = n(r.to);
+    u !== m && (a[Math.max(u, m)] = Math.min(u, m));
+  }
+  const d = /* @__PURE__ */ new Map();
+  e.nodes.forEach((r, u) => {
+    const m = n(u);
+    d.has(m) || d.set(m, { members: [], edges: [] }), d.get(m).members.push(u);
+  }), e.edges.forEach((r, u) => d.get(n(r.from)).edges.push(u));
+  const x = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), w = (r, u) => c ? { x: r, y: u } : { x: u, y: r };
+  let M = 0, S = 0;
+  for (const r of d.values()) {
+    const u = q(r.members, e, r.edges, s, t, i, f, h);
+    for (const [m, k] of u.nodes) {
+      const E = e.nodes[m];
+      x.set(m, {
+        id: E.id,
+        ...w(k.rank, k.cross + M),
+        width: E.width,
+        height: E.height,
+        layer: k.layer,
+        order: k.order
+      });
+    }
+    for (const [m, k] of u.edges)
+      y.set(
+        m,
+        k.map((E) => w(E.rank, E.cross + M))
+      );
+    S = Math.max(S, u.rankExtent), M += u.crossExtent + f * 2;
+  }
+  const A = Math.max(0, M - f * 2), v = /* @__PURE__ */ new Map();
+  e.nodes.forEach((r, u) => v.set(r.id, x.get(u)));
+  const z = new Set(e.edges.map((r) => `${r.from} ${r.to}`)), I = e.edges.map((r, u) => {
+    let m = y.get(u);
+    if (r.reversed && z.has(`${r.to} ${r.from}`)) {
+      const k = (b) => c ? e.nodes[b].height : e.nodes[b].width, E = Math.min(8, k(r.from) / 4, k(r.to) / 4);
+      m = m.map((b) => c ? { x: b.x, y: b.y + E } : { x: b.x + E, y: b.y });
+    }
+    return { id: r.id, source: r.source, target: r.target, points: m, reversed: r.reversed };
+  }), C = w(S, A);
+  return { nodes: v, edges: I, width: C.x, height: C.y };
+}
+function U(o, l = "LR") {
+  if (o.length === 0) return "";
+  const i = (e) => Math.round(e * 10) / 10, f = o[0];
+  let h = `M${i(f.x)},${i(f.y)}`;
+  for (let e = 1; e < o.length; e++) {
+    const c = o[e - 1], s = o[e];
+    if (l === "LR") {
+      const t = (c.x + s.x) / 2;
+      h += ` C${i(t)},${i(c.y)} ${i(t)},${i(s.y)} ${i(s.x)},${i(s.y)}`;
+    } else {
+      const t = (c.y + s.y) / 2;
+      h += ` C${i(c.x)},${i(t)} ${i(s.x)},${i(t)} ${i(s.x)},${i(s.y)}`;
+    }
+  }
+  return h;
+}
+export {
+  _ as dagEdgeId,
+  U as dagEdgePath,
+  D as dagLayout
+};
+//# sourceMappingURL=dagLayout.js.map