@dxos/plugin-assistant 0.8.2-staging.7ac8446 → 0.8.3-main.672df60

package/dist/lib/browser/chunk-Q6UZ4F3H.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/AmbientDialog/AmbientDialog.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { type PropsWithChildren, useCallback, useEffect, useState } from 'react';\n\nimport { Dialog, Icon, IconButton } from '@dxos/react-ui';\nimport { resizeAttributes, ResizeHandle, type Size, sizeStyle } from '@dxos/react-ui-dnd';\nimport { mx } from '@dxos/react-ui-theme';\n\nconst preventDefault = (event: Event) => event.preventDefault();\n\nconst minSize = 5;\n\nexport type AmbientDialogProps = PropsWithChildren<{\n  open?: boolean;\n  title?: string;\n  resizeable?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  onEscape?: () => void;\n}>;\n\nexport const AmbientDialog = ({\n  children,\n  open: controlledOpen,\n  title,\n  resizeable = true,\n  onOpenChange,\n  onEscape,\n}: AmbientDialogProps) => {\n  const [resizeKey, setReizeKey] = useState(0);\n  const [size, setSize] = useState<Size>('min-content');\n  const [open, setOpen] = useState(controlledOpen);\n\n  // Update controlled value.\n  useEffect(() => {\n    setOpen(controlledOpen);\n  }, [controlledOpen]);\n\n  // Update size and key.\n  useEffect(() => {\n    setSize(open ? 'min-content' : minSize);\n    setReizeKey((key) => key + 1);\n  }, [open]);\n\n  // TODO(burdon): Animate open/close.\n  // NOTE: We set the min size to 5rem (80px), and the header and prompt bar to 40px (i.e., the rail-size) each.\n  // The dialog has no vertical padding and has box-content so that when closed it collapses to the size of the header and prompt bar.\n  const handleToggle = useCallback(() => {\n    setOpen((open) => {\n      onOpenChange?.(!open);\n      return !open;\n    });\n  }, []);\n\n  return (\n    <div role='none' className='dx-dialog__overlay bg-transparent pointer-events-none' data-block-align='end'>\n      <Dialog.Content\n        classNames='relative box-content p-0 md:is-[35rem] md:max-is-none overflow-hidden pointer-events-auto transition-[block-size] ease-in-out duration-0 [&:not([data-dx-resizing=\"true\"])]:duration-200'\n        inOverlayLayout\n        {...resizeAttributes}\n        style={{\n          ...(resizeable ? sizeStyle(size, 'vertical', true) : {}),\n          maxBlockSize: 'calc(100dvh - env(safe-area-inset-bottom) - env(safe-area-inset-top) - 9rem)',\n        }}\n        onEscapeKeyDown={onEscape}\n        onInteractOutside={preventDefault}\n      >\n        {(resizeable && (\n          <>\n            <ResizeHandle\n              key={resizeKey}\n              side='block-start'\n              defaultSize='min-content'\n              minSize={minSize}\n              fallbackSize={minSize}\n              iconPosition='center'\n              onSizeChange={setSize}\n            />\n\n            <DialogHeader open={open} title={title} onToggle={handleToggle} />\n          </>\n        )) || <Dialog.Title srOnly />}\n\n        {children}\n      </Dialog.Content>\n    </div>\n  );\n};\n\n/**\n * Matches same layout grid as PromptBar.\n */\nconst DialogHeader = ({ open, title, onToggle }: { open?: boolean; title?: string; onToggle: () => void }) => {\n  return (\n    <div className='flex shrink-0 w-full grid grid-cols-[var(--rail-action)_1fr_var(--rail-action)] items-center overflow-hidden'>\n      <div className='flex w-[--rail-action] h-[--rail-action] items-center justify-center'>\n        <Dialog.Close>\n          <Icon icon='ph--x--regular' />\n        </Dialog.Close>\n      </div>\n      <div className='grow'>\n        <Dialog.Title classNames='flex justify-center text-xs text-subdued'>{title}</Dialog.Title>\n      </div>\n      <div className='flex w-[--rail-action] h-[--rail-action] items-center justify-center'>\n        <IconButton\n          variant='ghost'\n          icon={'ph--caret-up--regular'}\n          classNames={mx('[&>svg]:transition [&>svg]:duration-200', open && '[&>svg]:rotate-180')}\n          iconOnly\n          label='Shrink'\n          onClick={onToggle}\n        />\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": ";;AAIA,OAAOA,SAAiCC,aAAaC,WAAWC,gBAAgB;AAEhF,SAASC,QAAQC,MAAMC,kBAAkB;AACzC,SAASC,kBAAkBC,cAAyBC,iBAAiB;AACrE,SAASC,UAAU;AAEnB,IAAMC,iBAAiB,CAACC,UAAiBA,MAAMD,eAAc;AAE7D,IAAME,UAAU;AAUT,IAAMC,gBAAgB,CAAC,EAC5BC,UACAC,MAAMC,gBACNC,OACAC,aAAa,MACbC,cACAC,SAAQ,MACW;;;AACnB,UAAM,CAACC,WAAWC,WAAAA,IAAeC,SAAS,CAAA;AAC1C,UAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAe,aAAA;AACvC,UAAM,CAACR,MAAMW,OAAAA,IAAWH,SAASP,cAAAA;AAGjCW,cAAU,MAAA;AACRD,cAAQV,cAAAA;IACV,GAAG;MAACA;KAAe;AAGnBW,cAAU,MAAA;AACRF,cAAQV,OAAO,gBAAgBH,OAAAA;AAC/BU,kBAAY,CAACM,QAAQA,MAAM,CAAA;IAC7B,GAAG;MAACb;KAAK;AAKT,UAAMc,eAAeC,YAAY,MAAA;AAC/BJ,cAAQ,CAACX,UAAAA;AACPI,uBAAe,CAACJ,KAAAA;AAChB,eAAO,CAACA;MACV,CAAA;IACF,GAAG,CAAA,CAAE;AAEL,WACE,sBAAA,cAACgB,OAAAA;MAAIC,MAAK;MAAOC,WAAU;MAAwDC,oBAAiB;OAClG,sBAAA,cAACC,OAAOC,SAAO;MACbC,YAAW;MACXC,iBAAAA;MACC,GAAGC;MACJC,OAAO;QACL,GAAItB,aAAauB,UAAUjB,MAAM,YAAY,IAAA,IAAQ,CAAC;QACtDkB,cAAc;MAChB;MACAC,iBAAiBvB;MACjBwB,mBAAmBlC;OAEjBQ,cACA,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAAC2B,cAAAA;MACCjB,KAAKP;MACLyB,MAAK;MACLC,aAAY;MACZnC;MACAoC,cAAcpC;MACdqC,cAAa;MACbC,cAAczB;QAGhB,sBAAA,cAAC0B,cAAAA;MAAapC;MAAYE;MAAcmC,UAAUvB;WAEhD,sBAAA,cAACM,OAAOkB,OAAK;MAACC,QAAAA;QAEnBxC,QAAAA,CAAAA;;;;AAIT;AAKA,IAAMqC,eAAe,CAAC,EAAEpC,MAAME,OAAOmC,SAAQ,MAA4D;;;AACvG,WACE,sBAAA,cAACrB,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACF,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACE,OAAOoB,OAAK,MACX,sBAAA,cAACC,MAAAA;MAAKC,MAAK;UAGf,sBAAA,cAAC1B,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACE,OAAOkB,OAAK;MAAChB,YAAW;OAA4CpB,KAAAA,CAAAA,GAEvE,sBAAA,cAACc,OAAAA;MAAIE,WAAU;OACb,sBAAA,cAACyB,YAAAA;MACCC,SAAQ;MACRF,MAAM;MACNpB,YAAYuB,GAAG,2CAA2C7C,QAAQ,oBAAA;MAClE8C,UAAAA;MACAC,OAAM;MACNC,SAASX;;;;;AAKnB;",
+  "names": ["React", "useCallback", "useEffect", "useState", "Dialog", "Icon", "IconButton", "resizeAttributes", "ResizeHandle", "sizeStyle", "mx", "preventDefault", "event", "minSize", "AmbientDialog", "children", "open", "controlledOpen", "title", "resizeable", "onOpenChange", "onEscape", "resizeKey", "setReizeKey", "useState", "size", "setSize", "setOpen", "useEffect", "key", "handleToggle", "useCallback", "div", "role", "className", "data-block-align", "Dialog", "Content", "classNames", "inOverlayLayout", "resizeAttributes", "style", "sizeStyle", "maxBlockSize", "onEscapeKeyDown", "onInteractOutside", "ResizeHandle", "side", "defaultSize", "fallbackSize", "iconPosition", "onSizeChange", "DialogHeader", "onToggle", "Title", "srOnly", "Close", "Icon", "icon", "IconButton", "variant", "mx", "iconOnly", "label", "onClick"]
+}