{
  "version": 3,
  "sources": ["../../../../../src/lib/ui/components/PageMenu/PageItemInput.tsx"],
  "sourcesContent": ["import { TLPageId, useEditor } from '@tldraw/editor'\nimport { useCallback, useRef } from 'react'\nimport { Input } from '../primitives/Input'\n\nexport const PageItemInput = function PageItemInput({\n\tname,\n\tid,\n\tisCurrentPage,\n}: {\n\tname: string\n\tid: TLPageId\n\tisCurrentPage: boolean\n}) {\n\tconst editor = useEditor()\n\n\tconst rInput = useRef<HTMLInputElement | null>(null)\n\n\tconst handleChange = useCallback(\n\t\t(value: string) => {\n\t\t\teditor.renamePage(id, value ? value : 'New Page', { ephemeral: true })\n\t\t},\n\t\t[editor, id]\n\t)\n\n\tconst handleComplete = useCallback(\n\t\t(value: string) => {\n\t\t\teditor.mark('rename page')\n\t\t\teditor.renamePage(id, value || 'New Page', { ephemeral: false })\n\t\t},\n\t\t[editor, id]\n\t)\n\n\treturn (\n\t\t<Input\n\t\t\tclassName=\"tlui-page-menu__item__input\"\n\t\t\tref={(el) => (rInput.current = el)}\n\t\t\tdefaultValue={name}\n\t\t\tonValueChange={handleChange}\n\t\t\tonComplete={handleComplete}\n\t\t\tonCancel={handleComplete}\n\t\t\tshouldManuallyMaintainScrollPositionWhenFocused\n\t\t\tautofocus={isCurrentPage}\n\t\t\tautoselect\n\t\t/>\n\t)\n}\n"],
  "mappings": "AAiCE;AAjCF,SAAmB,iBAAiB;AACpC,SAAS,aAAa,cAAc;AACpC,SAAS,aAAa;AAEf,MAAM,gBAAgB,SAASA,eAAc;AAAA,EACnD;AAAA,EACA;AAAA,EACA;AACD,GAIG;AACF,QAAM,SAAS,UAAU;AAEzB,QAAM,SAAS,OAAgC,IAAI;AAEnD,QAAM,eAAe;AAAA,IACpB,CAAC,UAAkB;AAClB,aAAO,WAAW,IAAI,QAAQ,QAAQ,YAAY,EAAE,WAAW,KAAK,CAAC;AAAA,IACtE;AAAA,IACA,CAAC,QAAQ,EAAE;AAAA,EACZ;AAEA,QAAM,iBAAiB;AAAA,IACtB,CAAC,UAAkB;AAClB,aAAO,KAAK,aAAa;AACzB,aAAO,WAAW,IAAI,SAAS,YAAY,EAAE,WAAW,MAAM,CAAC;AAAA,IAChE;AAAA,IACA,CAAC,QAAQ,EAAE;AAAA,EACZ;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,KAAK,CAAC,OAAQ,OAAO,UAAU;AAAA,MAC/B,cAAc;AAAA,MACd,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,iDAA+C;AAAA,MAC/C,WAAW;AAAA,MACX,YAAU;AAAA;AAAA,EACX;AAEF;",
  "names": ["PageItemInput"]
}