@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/ui/hooks/useMenuSchema.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useMenuSchema.tsx"],
+  "sourcesContent": ["import { Editor, TLBookmarkShape, TLEmbedShape, useEditor, useValue } from '@bigbluebutton/editor'\nimport React, { useMemo } from 'react'\nimport { getEmbedInfo } from '../../utils/embeds/embeds'\nimport {\n\tTLUiMenuSchema,\n\tcompactMenuItems,\n\tmenuCustom,\n\tmenuGroup,\n\tmenuItem,\n\tmenuSubmenu,\n\tshowMenuPaste,\n\tuseAllowGroup,\n\tuseAllowUngroup,\n} from './menuHelpers'\nimport { useActions } from './useActions'\nimport { useBreakpoint } from './useBreakpoint'\nimport { useCanRedo } from './useCanRedo'\nimport { useCanUndo } from './useCanUndo'\nimport { useHasLinkShapeSelected } from './useHasLinkShapeSelected'\nimport { useShowAutoSizeToggle } from './useShowAutoSizeToggle'\n\n/** @public */\nexport type TLUiMenuSchemaContextType = TLUiMenuSchema\n\n/** @internal */\nexport const TLUiMenuSchemaContext = React.createContext({} as TLUiMenuSchemaContextType)\n\n/** @public */\nexport type TLUiMenuSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiMenuSchemaContextType,\n\t\thelpers: {\n\t\t\tactions: ReturnType<typeof useActions>\n\t\t\tnoneSelected: boolean\n\t\t\toneSelected: boolean\n\t\t\ttwoSelected: boolean\n\t\t\tthreeSelected: boolean\n\t\t}\n\t) => TLUiMenuSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport function TLUiMenuSchemaProvider({ overrides, children }: TLUiMenuSchemaProviderProps) {\n\tconst editor = useEditor()\n\tconst actions = useActions()\n\n\tconst breakpoint = useBreakpoint()\n\tconst isMobile = breakpoint < 5\n\n\tconst isDarkMode = useValue('isDarkMode', () => editor.user.getIsDarkMode(), [editor])\n\tconst animationSpeed = useValue('animationSpeed', () => editor.user.getAnimationSpeed(), [editor])\n\tconst isGridMode = useValue('isGridMode', () => editor.getInstanceState().isGridMode, [editor])\n\tconst isSnapMode = useValue('isSnapMode', () => editor.user.getIsSnapMode(), [editor])\n\tconst isToolLock = useValue('isToolLock', () => editor.getInstanceState().isToolLocked, [editor])\n\tconst isFocusMode = useValue('isFocusMode', () => editor.getInstanceState().isFocusMode, [editor])\n\tconst isDebugMode = useValue('isDebugMode', () => editor.getInstanceState().isDebugMode, [editor])\n\tconst exportBackground = useValue(\n\t\t'exportBackground',\n\t\t() => editor.getInstanceState().exportBackground,\n\t\t[editor]\n\t)\n\n\tconst emptyPage = useValue('emptyPage', () => editor.getCurrentPageShapeIds().size === 0, [\n\t\teditor,\n\t])\n\n\tconst selectedCount = useValue('selectedCount', () => editor.getSelectedShapeIds().length, [\n\t\teditor,\n\t])\n\tconst noneSelected = selectedCount === 0\n\tconst oneSelected = selectedCount > 0\n\tconst twoSelected = selectedCount > 1\n\tconst threeSelected = selectedCount > 2\n\n\tconst hasClipboardWrite = Boolean(window.navigator.clipboard?.write)\n\tconst showEditLink = useHasLinkShapeSelected()\n\tconst showAutoSizeToggle = useShowAutoSizeToggle()\n\tconst allowGroup = useAllowGroup()\n\tconst allowUngroup = useAllowUngroup()\n\tconst canUndo = useCanUndo()\n\tconst canRedo = useCanRedo()\n\tconst isZoomedTo100 = useValue('isZoomedTo100', () => editor.getZoomLevel() === 1, [editor])\n\n\tconst oneEmbedSelected = useValue(\n\t\t'oneEmbedSelected',\n\t\t() => {\n\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\t\tif (!onlySelectedShape) return false\n\t\t\treturn !!(\n\t\t\t\teditor.isShapeOfType<TLEmbedShape>(onlySelectedShape, 'embed') &&\n\t\t\t\tonlySelectedShape.props.url &&\n\t\t\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape)\n\t\t\t)\n\t\t},\n\t\t[]\n\t)\n\n\tconst oneEmbeddableBookmarkSelected = useValue(\n\t\t'oneEmbeddableBookmarkSelected',\n\t\t() => {\n\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\t\t\tif (!onlySelectedShape) return false\n\t\t\treturn !!(\n\t\t\t\teditor.isShapeOfType<TLBookmarkShape>(onlySelectedShape, 'bookmark') &&\n\t\t\t\tonlySelectedShape.props.url &&\n\t\t\t\tgetEmbedInfo(onlySelectedShape.props.url) &&\n\t\t\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape)\n\t\t\t)\n\t\t},\n\t\t[]\n\t)\n\n\tconst menuSchema = useMemo<TLUiMenuSchema>(() => {\n\t\tconst menuSchema: TLUiMenuSchema = compactMenuItems([\n\t\t\tmenuGroup(\n\t\t\t\t'menu',\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'file',\n\t\t\t\t\t'menu.file',\n\t\t\t\t\tmenuGroup('print', menuItem(actions['print'], { disabled: emptyPage }))\n\t\t\t\t),\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'edit',\n\t\t\t\t\t'menu.edit',\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'undo-actions',\n\t\t\t\t\t\tmenuItem(actions['undo'], { disabled: !canUndo }),\n\t\t\t\t\t\tmenuItem(actions['redo'], { disabled: !canRedo })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'clipboard-actions',\n\t\t\t\t\t\tmenuItem(actions['cut'], { disabled: noneSelected }),\n\t\t\t\t\t\tmenuItem(actions['copy'], { disabled: noneSelected }),\n\t\t\t\t\t\tmenuItem(actions['paste'], { disabled: !showMenuPaste })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'conversions',\n\t\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t\t'copy-as',\n\t\t\t\t\t\t\t'menu.copy-as',\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'copy-as-group',\n\t\t\t\t\t\t\t\tmenuItem(actions['copy-as-svg'], { disabled: emptyPage }),\n\t\t\t\t\t\t\t\tmenuItem(actions['copy-as-png'], { disabled: emptyPage || !hasClipboardWrite }),\n\t\t\t\t\t\t\t\tmenuItem(actions['copy-as-json'], { disabled: emptyPage })\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'export-bg',\n\t\t\t\t\t\t\t\tmenuItem(actions['toggle-transparent'], { checked: !exportBackground })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t),\n\t\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t\t'export-as',\n\t\t\t\t\t\t\t'menu.export-as',\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'export-as-group',\n\t\t\t\t\t\t\t\tmenuItem(actions['export-as-svg'], { disabled: emptyPage }),\n\t\t\t\t\t\t\t\tmenuItem(actions['export-as-png'], { disabled: emptyPage }),\n\t\t\t\t\t\t\t\tmenuItem(actions['export-as-json'], { disabled: emptyPage })\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'export-bg',\n\t\t\t\t\t\t\t\tmenuItem(actions['toggle-transparent'], { checked: !exportBackground })\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'set-selection-group',\n\t\t\t\t\t\tmenuItem(actions['select-all'], { disabled: emptyPage }),\n\t\t\t\t\t\tmenuItem(actions['select-none'], { disabled: !oneSelected })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'selection',\n\t\t\t\t\t\tshowAutoSizeToggle && menuItem(actions['toggle-auto-size']),\n\t\t\t\t\t\tshowEditLink && menuItem(actions['edit-link']),\n\t\t\t\t\t\tmenuItem(actions['duplicate'], { disabled: !oneSelected }),\n\t\t\t\t\t\tallowGroup && menuItem(actions['group']),\n\t\t\t\t\t\tallowUngroup && menuItem(actions['ungroup']),\n\t\t\t\t\t\tmenuItem(actions['unlock-all'], { disabled: emptyPage })\n\t\t\t\t\t),\n\t\t\t\t\tmenuGroup('delete-group', menuItem(actions['delete'], { disabled: !oneSelected })),\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'embeds',\n\t\t\t\t\t\toneEmbedSelected && menuItem(actions['open-embed-link']),\n\t\t\t\t\t\toneEmbedSelected && menuItem(actions['convert-to-bookmark']),\n\t\t\t\t\t\toneEmbeddableBookmarkSelected && menuItem(actions['convert-to-embed'])\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'view',\n\t\t\t\t\t'menu.view',\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'view-actions',\n\t\t\t\t\t\tmenuItem(actions['zoom-in']),\n\t\t\t\t\t\tmenuItem(actions['zoom-out']),\n\t\t\t\t\t\tmenuItem(actions['zoom-to-100'], { disabled: isZoomedTo100 }),\n\t\t\t\t\t\tmenuItem(actions['zoom-to-fit'], { disabled: emptyPage }),\n\t\t\t\t\t\tmenuItem(actions['zoom-to-selection'], { disabled: emptyPage || !oneSelected })\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t),\n\t\t\tmenuGroup('extras', menuItem(actions['insert-embed']), menuItem(actions['insert-media'])),\n\t\t\tmenuGroup(\n\t\t\t\t'preferences',\n\t\t\t\tmenuSubmenu(\n\t\t\t\t\t'preferences',\n\t\t\t\t\t'menu.preferences',\n\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t'preferences-actions',\n\t\t\t\t\t\tmenuItem(actions['toggle-snap-mode'], { checked: isSnapMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-tool-lock'], { checked: isToolLock }),\n\t\t\t\t\t\tmenuItem(actions['toggle-grid'], { checked: isGridMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-dark-mode'], { checked: isDarkMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-focus-mode'], { checked: isFocusMode }),\n\t\t\t\t\t\tmenuItem(actions['toggle-reduce-motion'], { checked: animationSpeed === 0 }),\n\t\t\t\t\t\tmenuItem(actions['toggle-debug-mode'], { checked: isDebugMode })\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t\tisMobile && menuCustom('LANGUAGE_MENU', { readonlyOk: true })\n\t\t\t),\n\t\t])\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, menuSchema, {\n\t\t\t\tactions,\n\t\t\t\tnoneSelected,\n\t\t\t\toneSelected,\n\t\t\t\ttwoSelected,\n\t\t\t\tthreeSelected,\n\t\t\t})\n\t\t}\n\n\t\treturn menuSchema\n\t}, [\n\t\teditor,\n\t\toverrides,\n\t\tactions,\n\t\toneSelected,\n\t\ttwoSelected,\n\t\tthreeSelected,\n\t\temptyPage,\n\t\tisMobile,\n\t\tallowGroup,\n\t\tallowUngroup,\n\t\tshowEditLink,\n\t\thasClipboardWrite,\n\t\tshowAutoSizeToggle,\n\t\tnoneSelected,\n\t\tcanUndo,\n\t\tcanRedo,\n\t\tanimationSpeed,\n\t\tisDarkMode,\n\t\tisGridMode,\n\t\tisSnapMode,\n\t\tisToolLock,\n\t\tisFocusMode,\n\t\texportBackground,\n\t\tisDebugMode,\n\t\tisZoomedTo100,\n\t\toneEmbeddableBookmarkSelected,\n\t\toneEmbedSelected,\n\t])\n\n\treturn (\n\t\t<TLUiMenuSchemaContext.Provider value={menuSchema}>{children}</TLUiMenuSchemaContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useMenuSchema(): TLUiMenuSchema {\n\tconst ctx = React.useContext(TLUiMenuSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useMenuSchema must be used inside of a TLUiMenuSchemaProvider.')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": "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",
+  "names": ["menuSchema"]
+}

package/dist-esm/lib/ui/hooks/useOnlyFlippableShape.mjs

@@ -0,0 +1,21 @@
+import {
+  useEditor,
+  useValue
+} from "@bigbluebutton/editor";
+function useOnlyFlippableShape() {
+  const editor = useEditor();
+  return useValue(
+    "onlyFlippableShape",
+    () => {
+      const selectedShapes = editor.getSelectedShapes();
+      return selectedShapes.length === 1 && selectedShapes.every(
+        (shape) => editor.isShapeOfType(shape, "group") || editor.isShapeOfType(shape, "arrow") || editor.isShapeOfType(shape, "line") || editor.isShapeOfType(shape, "draw")
+      );
+    },
+    [editor]
+  );
+}
+export {
+  useOnlyFlippableShape
+};
+//# sourceMappingURL=useOnlyFlippableShape.mjs.map

package/dist-esm/lib/ui/hooks/useOnlyFlippableShape.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useOnlyFlippableShape.ts"],
+  "sourcesContent": ["import {\n\tTLArrowShape,\n\tTLDrawShape,\n\tTLGroupShape,\n\tTLLineShape,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\n\nexport function useOnlyFlippableShape() {\n\tconst editor = useEditor()\n\treturn useValue(\n\t\t'onlyFlippableShape',\n\t\t() => {\n\t\t\tconst selectedShapes = editor.getSelectedShapes()\n\t\t\treturn (\n\t\t\t\tselectedShapes.length === 1 &&\n\t\t\t\tselectedShapes.every(\n\t\t\t\t\t(shape) =>\n\t\t\t\t\t\teditor.isShapeOfType<TLGroupShape>(shape, 'group') ||\n\t\t\t\t\t\teditor.isShapeOfType<TLArrowShape>(shape, 'arrow') ||\n\t\t\t\t\t\teditor.isShapeOfType<TLLineShape>(shape, 'line') ||\n\t\t\t\t\t\teditor.isShapeOfType<TLDrawShape>(shape, 'draw')\n\t\t\t\t)\n\t\t\t)\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
+  "mappings": "AAAA;AAAA,EAKC;AAAA,EACA;AAAA,OACM;AAEA,SAAS,wBAAwB;AACvC,QAAM,SAAS,UAAU;AACzB,SAAO;AAAA,IACN;AAAA,IACA,MAAM;AACL,YAAM,iBAAiB,OAAO,kBAAkB;AAChD,aACC,eAAe,WAAW,KAC1B,eAAe;AAAA,QACd,CAAC,UACA,OAAO,cAA4B,OAAO,OAAO,KACjD,OAAO,cAA4B,OAAO,OAAO,KACjD,OAAO,cAA2B,OAAO,MAAM,KAC/C,OAAO,cAA2B,OAAO,MAAM;AAAA,MACjD;AAAA,IAEF;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AACD;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/usePreloadAssets.mjs

@@ -0,0 +1,86 @@
+import { useEffect, useMemo, useState } from "react";
+var PreloadStatus = /* @__PURE__ */ ((PreloadStatus2) => {
+  PreloadStatus2[PreloadStatus2["SUCCESS"] = 0] = "SUCCESS";
+  PreloadStatus2[PreloadStatus2["FAILED"] = 1] = "FAILED";
+  PreloadStatus2[PreloadStatus2["WAITING"] = 2] = "WAITING";
+  return PreloadStatus2;
+})(PreloadStatus || {});
+const usePreloadFont = (id, font) => {
+  const [state, setState] = useState(2 /* WAITING */);
+  useEffect(() => {
+    const {
+      url,
+      style = "normal",
+      weight = "500",
+      display,
+      featureSettings,
+      stretch,
+      unicodeRange,
+      variant
+    } = font;
+    let cancelled = false;
+    setState(2 /* WAITING */);
+    const descriptors = {
+      style,
+      weight,
+      display,
+      featureSettings,
+      stretch,
+      unicodeRange,
+      variant
+    };
+    const fontInstance = new FontFace(id, `url(${url})`, descriptors);
+    fontInstance.load().then(() => {
+      if (cancelled)
+        return;
+      document.fonts.add(fontInstance);
+      setState(0 /* SUCCESS */);
+    }).catch((err) => {
+      if (cancelled)
+        return;
+      console.error(err);
+      setState(1 /* FAILED */);
+    });
+    fontInstance.$$_url = url;
+    fontInstance.$$_fontface = `
+@font-face {
+	font-family: ${fontInstance.family};
+	font-stretch: ${fontInstance.stretch};
+	font-weight: ${fontInstance.weight};
+	font-style: ${fontInstance.style};
+	src: url("${url}") format("woff2")
+}`;
+    return () => {
+      document.fonts.delete(fontInstance);
+      cancelled = true;
+    };
+  }, [id, font]);
+  return state;
+};
+function getTypefaces(assetUrls) {
+  return {
+    draw: { url: assetUrls.fonts.draw },
+    serif: { url: assetUrls.fonts.serif },
+    sansSerif: { url: assetUrls.fonts.sansSerif },
+    monospace: { url: assetUrls.fonts.monospace }
+  };
+}
+function usePreloadAssets(assetUrls) {
+  const typefaces = useMemo(() => getTypefaces(assetUrls), [assetUrls]);
+  const results = [
+    usePreloadFont("tldraw_draw", typefaces.draw),
+    usePreloadFont("tldraw_serif", typefaces.serif),
+    usePreloadFont("tldraw_sans", typefaces.sansSerif),
+    usePreloadFont("tldraw_mono", typefaces.monospace)
+  ];
+  return {
+    // If any of the results have errored, then preloading has failed
+    error: results.some((result) => result === 1 /* FAILED */),
+    // If any of the results are waiting, then we're not done yet
+    done: !results.some((result) => result === 2 /* WAITING */)
+  };
+}
+export {
+  usePreloadAssets
+};
+//# sourceMappingURL=usePreloadAssets.mjs.map

package/dist-esm/lib/ui/hooks/usePreloadAssets.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/usePreloadAssets.ts"],
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { TLEditorAssetUrls } from '../../utils/static-assets/assetUrls'\n\nexport type TLTypeFace = {\n\turl: string\n\tdisplay?: any // FontDisplay\n\tfeatureSettings?: string\n\tstretch?: string\n\tstyle?: string\n\tunicodeRange?: string\n\tvariant?: string\n\tweight?: string\n}\n\nexport type TLTypeFaces = {\n\tdraw: TLTypeFace\n\tmonospace: TLTypeFace\n\tserif: TLTypeFace\n\tsansSerif: TLTypeFace\n}\n\nenum PreloadStatus {\n\tSUCCESS,\n\tFAILED,\n\tWAITING,\n}\n\nconst usePreloadFont = (id: string, font: TLTypeFace): PreloadStatus => {\n\tconst [state, setState] = useState<PreloadStatus>(PreloadStatus.WAITING)\n\n\tuseEffect(() => {\n\t\tconst {\n\t\t\turl,\n\t\t\tstyle = 'normal',\n\t\t\tweight = '500',\n\t\t\tdisplay,\n\t\t\tfeatureSettings,\n\t\t\tstretch,\n\t\t\tunicodeRange,\n\t\t\tvariant,\n\t\t} = font\n\n\t\tlet cancelled = false\n\t\tsetState(PreloadStatus.WAITING)\n\n\t\tconst descriptors: FontFaceDescriptors = {\n\t\t\tstyle,\n\t\t\tweight,\n\t\t\tdisplay,\n\t\t\tfeatureSettings,\n\t\t\tstretch,\n\t\t\tunicodeRange,\n\t\t\tvariant,\n\t\t}\n\n\t\tconst fontInstance = new FontFace(id, `url(${url})`, descriptors)\n\n\t\tfontInstance\n\t\t\t.load()\n\t\t\t.then(() => {\n\t\t\t\tif (cancelled) return\n\t\t\t\tdocument.fonts.add(fontInstance)\n\t\t\t\tsetState(PreloadStatus.SUCCESS)\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tif (cancelled) return\n\t\t\t\tconsole.error(err)\n\t\t\t\tsetState(PreloadStatus.FAILED)\n\t\t\t})\n\n\t\t// @ts-expect-error\n\t\tfontInstance.$$_url = url\n\n\t\t// @ts-expect-error\n\t\tfontInstance.$$_fontface = `\n@font-face {\n\tfont-family: ${fontInstance.family};\n\tfont-stretch: ${fontInstance.stretch};\n\tfont-weight: ${fontInstance.weight};\n\tfont-style: ${fontInstance.style};\n\tsrc: url(\"${url}\") format(\"woff2\")\n}`\n\n\t\treturn () => {\n\t\t\tdocument.fonts.delete(fontInstance)\n\t\t\tcancelled = true\n\t\t}\n\t}, [id, font])\n\n\treturn state\n}\n\nfunction getTypefaces(assetUrls: TLEditorAssetUrls) {\n\treturn {\n\t\tdraw: { url: assetUrls.fonts.draw },\n\t\tserif: { url: assetUrls.fonts.serif },\n\t\tsansSerif: { url: assetUrls.fonts.sansSerif },\n\t\tmonospace: { url: assetUrls.fonts.monospace },\n\t}\n}\n\n// todo: Expose this via a public API (prop on <Tldraw>).\n\nexport function usePreloadAssets(assetUrls: TLEditorAssetUrls) {\n\tconst typefaces = useMemo(() => getTypefaces(assetUrls), [assetUrls])\n\n\tconst results = [\n\t\tusePreloadFont('tldraw_draw', typefaces.draw),\n\t\tusePreloadFont('tldraw_serif', typefaces.serif),\n\t\tusePreloadFont('tldraw_sans', typefaces.sansSerif),\n\t\tusePreloadFont('tldraw_mono', typefaces.monospace),\n\t]\n\n\treturn {\n\t\t// If any of the results have errored, then preloading has failed\n\t\terror: results.some((result) => result === PreloadStatus.FAILED),\n\t\t// If any of the results are waiting, then we're not done yet\n\t\tdone: !results.some((result) => result === PreloadStatus.WAITING),\n\t}\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,SAAS,gBAAgB;AAqB7C,IAAK,gBAAL,kBAAKA,mBAAL;AACC,EAAAA,8BAAA;AACA,EAAAA,8BAAA;AACA,EAAAA,8BAAA;AAHI,SAAAA;AAAA,GAAA;AAML,MAAM,iBAAiB,CAAC,IAAY,SAAoC;AACvE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,eAAqB;AAEvE,YAAU,MAAM;AACf,UAAM;AAAA,MACL;AAAA,MACA,QAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,IAAI;AAEJ,QAAI,YAAY;AAChB,aAAS,eAAqB;AAE9B,UAAM,cAAmC;AAAA,MACxC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AAEA,UAAM,eAAe,IAAI,SAAS,IAAI,OAAO,GAAG,KAAK,WAAW;AAEhE,iBACE,KAAK,EACL,KAAK,MAAM;AACX,UAAI;AAAW;AACf,eAAS,MAAM,IAAI,YAAY;AAC/B,eAAS,eAAqB;AAAA,IAC/B,CAAC,EACA,MAAM,CAAC,QAAQ;AACf,UAAI;AAAW;AACf,cAAQ,MAAM,GAAG;AACjB,eAAS,cAAoB;AAAA,IAC9B,CAAC;AAGF,iBAAa,SAAS;AAGtB,iBAAa,cAAc;AAAA;AAAA,gBAEb,aAAa,MAAM;AAAA,iBAClB,aAAa,OAAO;AAAA,gBACrB,aAAa,MAAM;AAAA,eACpB,aAAa,KAAK;AAAA,aACpB,GAAG;AAAA;AAGd,WAAO,MAAM;AACZ,eAAS,MAAM,OAAO,YAAY;AAClC,kBAAY;AAAA,IACb;AAAA,EACD,GAAG,CAAC,IAAI,IAAI,CAAC;AAEb,SAAO;AACR;AAEA,SAAS,aAAa,WAA8B;AACnD,SAAO;AAAA,IACN,MAAM,EAAE,KAAK,UAAU,MAAM,KAAK;AAAA,IAClC,OAAO,EAAE,KAAK,UAAU,MAAM,MAAM;AAAA,IACpC,WAAW,EAAE,KAAK,UAAU,MAAM,UAAU;AAAA,IAC5C,WAAW,EAAE,KAAK,UAAU,MAAM,UAAU;AAAA,EAC7C;AACD;AAIO,SAAS,iBAAiB,WAA8B;AAC9D,QAAM,YAAY,QAAQ,MAAM,aAAa,SAAS,GAAG,CAAC,SAAS,CAAC;AAEpE,QAAM,UAAU;AAAA,IACf,eAAe,eAAe,UAAU,IAAI;AAAA,IAC5C,eAAe,gBAAgB,UAAU,KAAK;AAAA,IAC9C,eAAe,eAAe,UAAU,SAAS;AAAA,IACjD,eAAe,eAAe,UAAU,SAAS;AAAA,EAClD;AAEA,SAAO;AAAA;AAAA,IAEN,OAAO,QAAQ,KAAK,CAAC,WAAW,WAAW,cAAoB;AAAA;AAAA,IAE/D,MAAM,CAAC,QAAQ,KAAK,CAAC,WAAW,WAAW,eAAqB;AAAA,EACjE;AACD;",
+  "names": ["PreloadStatus"]
+}

package/dist-esm/lib/ui/hooks/usePreloadIcons.mjs

@@ -0,0 +1,31 @@
+import { useEffect, useState } from "react";
+import { iconTypes } from "../icon-types.mjs";
+import { useAssetUrls } from "./useAssetUrls.mjs";
+function usePreloadIcons() {
+  const [isLoaded, setIsLoaded] = useState(false);
+  const assetUrls = useAssetUrls();
+  useEffect(() => {
+    let cancelled = false;
+    async function loadImages() {
+      await Promise.allSettled(
+        iconTypes.map((icon) => {
+          const image = new Image();
+          image.src = assetUrls.icons[icon];
+          return image.decode();
+        })
+      );
+      if (cancelled)
+        return;
+      setIsLoaded(true);
+    }
+    loadImages();
+    return () => {
+      cancelled = true;
+    };
+  }, [isLoaded, assetUrls]);
+  return isLoaded;
+}
+export {
+  usePreloadIcons
+};
+//# sourceMappingURL=usePreloadIcons.mjs.map

package/dist-esm/lib/ui/hooks/usePreloadIcons.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/usePreloadIcons.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\nimport { iconTypes } from '../icon-types'\nimport { useAssetUrls } from './useAssetUrls'\n\n/** @internal */\nexport function usePreloadIcons(): boolean {\n\tconst [isLoaded, setIsLoaded] = useState<boolean>(false)\n\tconst assetUrls = useAssetUrls()\n\n\tuseEffect(() => {\n\t\tlet cancelled = false\n\t\tasync function loadImages() {\n\t\t\t// Run through all of the icons and load them. It doesn't matter\n\t\t\t// if any of the images don't load; though we expect that they would.\n\t\t\t// Instead, we just want to make sure that the browser has cached\n\t\t\t// all of the icons it can so that they're available when we need them.\n\n\t\t\tawait Promise.allSettled(\n\t\t\t\ticonTypes.map((icon) => {\n\t\t\t\t\tconst image = new Image()\n\t\t\t\t\timage.src = assetUrls.icons[icon]\n\t\t\t\t\treturn image.decode()\n\t\t\t\t})\n\t\t\t)\n\n\t\t\tif (cancelled) return\n\t\t\tsetIsLoaded(true)\n\t\t}\n\n\t\tloadImages()\n\n\t\treturn () => {\n\t\t\tcancelled = true\n\t\t}\n\t}, [isLoaded, assetUrls])\n\n\treturn isLoaded\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAGtB,SAAS,kBAA2B;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAkB,KAAK;AACvD,QAAM,YAAY,aAAa;AAE/B,YAAU,MAAM;AACf,QAAI,YAAY;AAChB,mBAAe,aAAa;AAM3B,YAAM,QAAQ;AAAA,QACb,UAAU,IAAI,CAAC,SAAS;AACvB,gBAAM,QAAQ,IAAI,MAAM;AACxB,gBAAM,MAAM,UAAU,MAAM,IAAI;AAChC,iBAAO,MAAM,OAAO;AAAA,QACrB,CAAC;AAAA,MACF;AAEA,UAAI;AAAW;AACf,kBAAY,IAAI;AAAA,IACjB;AAEA,eAAW;AAEX,WAAO,MAAM;AACZ,kBAAY;AAAA,IACb;AAAA,EACD,GAAG,CAAC,UAAU,SAAS,CAAC;AAExB,SAAO;AACR;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/usePrint.mjs

@@ -0,0 +1,200 @@
+import { uniqueId, useEditor } from "@bigbluebutton/editor";
+import { useCallback, useRef } from "react";
+function usePrint() {
+  const editor = useEditor();
+  const prevPrintEl = useRef(null);
+  const prevStyleEl = useRef(null);
+  return useCallback(
+    async function printSelectionOrPages() {
+      const el = document.createElement("div");
+      const style = document.createElement("style");
+      const clearElements = (printEl, styleEl) => {
+        if (printEl)
+          printEl.innerHTML = "";
+        if (styleEl && document.head.contains(styleEl))
+          document.head.removeChild(styleEl);
+        if (printEl && document.body.contains(printEl)) {
+          document.body.removeChild(printEl);
+        }
+      };
+      clearElements(prevPrintEl.current, prevStyleEl.current);
+      prevPrintEl.current = el;
+      prevStyleEl.current = style;
+      const className = `tl-print-surface-${uniqueId()}`;
+      el.className = className;
+      const enableMargins = false;
+      const allowAllPages = false;
+      style.innerHTML = `
+			.${className} {
+				display: none;
+			}
+
+			.${className} svg {
+				max-width: 100%;
+				height: 100%;
+				display: block;
+			}
+
+			@media print {				  
+				html, body {
+					min-height: 100%;
+					height: 100%;
+					margin: 0;
+				}
+
+				body {
+					position: relative;
+				}
+
+				body > * {
+					display: none;
+				}
+
+				.tldraw__editor {
+					display: none;
+				}
+
+				.${className} {
+					display: block !important;
+					background: white;
+					min-height: 100%;
+					height: 100%;
+					max-width: 100%;
+				}
+
+				.${className}__item {
+					padding: 10mm;
+					display: flex;
+					min-height: 100%;
+					flex-direction: column;
+					page-break-after: always;
+					position: relative;
+					overflow: hidden;
+					height: 100%;
+				}
+
+				.${className}__item__main {
+					flex: 1;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					max-height: 100%;
+				}
+
+				.${className}__item__header {
+					display: none;
+				}
+
+				.${className}__item__footer {
+					display: none;
+					text-align: right;
+				}
+
+				.${className}__item__footer__hide {
+					display: none;
+				}
+
+				${!enableMargins ? "" : `
+					/**
+					 * Note: Safari doesn't support removing the page margins to remove them all!
+					 */
+					@page {
+						margin:0;
+					}
+
+					.${className} .${className}__item__header {
+						display: block;
+					}
+
+					.${className} .${className}__item__footer {
+						display: block;
+					}
+				`}
+			}
+
+		`;
+      const beforePrintHandler = () => {
+        document.head.appendChild(style);
+        document.body.appendChild(el);
+      };
+      const afterPrintHandler = () => {
+        editor.once("change-history", () => {
+          clearElements(el, style);
+        });
+      };
+      window.addEventListener("beforeprint", beforePrintHandler);
+      window.addEventListener("afterprint", afterPrintHandler);
+      function addPageToPrint(title, footer, svg) {
+        try {
+          el.innerHTML += `<div class="${className}__item">
+        <div class="${className}__item__header">
+          ${title.replace(/</g, "&lt;").replace(/>/g, "&gt;")}
+        </div>
+        <div class="${className}__item__main">
+          ${svg.outerHTML}
+        </div>
+        <div class="${className}__item__footer ${className}__item__footer__${footer ? "" : "hide"}">
+          ${footer ?? ""}
+        </div>
+      </div>`;
+        } catch (e) {
+          console.error(e);
+        }
+      }
+      function triggerPrint() {
+        if (editor.environment.isChromeForIos) {
+          beforePrintHandler();
+          window.print();
+        } else if (editor.environment.isSafari) {
+          beforePrintHandler();
+          document.execCommand("print", false);
+        } else {
+          window.print();
+        }
+      }
+      const selectedShapeIds = editor.getSelectedShapeIds();
+      const currentPageId = editor.getCurrentPageId();
+      const pages = editor.getPages();
+      const preserveAspectRatio = "xMidYMid meet";
+      const svgOpts = {
+        scale: 1,
+        background: false,
+        darkMode: false,
+        preserveAspectRatio
+      };
+      if (editor.getSelectedShapeIds().length > 0) {
+        const svg = await editor.getSvg(selectedShapeIds, svgOpts);
+        if (svg) {
+          const page = pages.find((p) => p.id === currentPageId);
+          addPageToPrint(`tldraw \u2014 ${page?.name}`, null, svg);
+          triggerPrint();
+        }
+      } else {
+        if (allowAllPages) {
+          for (let i = 0; i < pages.length; i++) {
+            const page = pages[i];
+            const svg = await editor.getSvg(editor.getSortedChildIdsForParent(page.id), svgOpts);
+            if (svg) {
+              addPageToPrint(`tldraw \u2014 ${page.name}`, `${i}/${pages.length}`, svg);
+            }
+          }
+          triggerPrint();
+        } else {
+          const page = editor.getCurrentPage();
+          const svg = await editor.getSvg(editor.getSortedChildIdsForParent(page.id), svgOpts);
+          if (svg) {
+            addPageToPrint(`tldraw \u2014 ${page.name}`, null, svg);
+            triggerPrint();
+          }
+        }
+      }
+      window.removeEventListener("beforeprint", beforePrintHandler);
+      window.removeEventListener("afterprint", afterPrintHandler);
+    },
+    [editor]
+  );
+}
+export {
+  usePrint
+};
+//# sourceMappingURL=usePrint.mjs.map

package/dist-esm/lib/ui/hooks/usePrint.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/usePrint.ts"],
+  "sourcesContent": ["import { uniqueId, useEditor } from '@bigbluebutton/editor'\nimport { useCallback, useRef } from 'react'\n\n/** @internal */\nexport function usePrint() {\n\tconst editor = useEditor()\n\tconst prevPrintEl = useRef<HTMLDivElement | null>(null)\n\tconst prevStyleEl = useRef<HTMLStyleElement | null>(null)\n\n\treturn useCallback(\n\t\tasync function printSelectionOrPages() {\n\t\t\tconst el = document.createElement('div')\n\t\t\tconst style = document.createElement('style')\n\n\t\t\tconst clearElements = (printEl: HTMLDivElement | null, styleEl: HTMLStyleElement | null) => {\n\t\t\t\tif (printEl) printEl.innerHTML = ''\n\t\t\t\tif (styleEl && document.head.contains(styleEl)) document.head.removeChild(styleEl)\n\t\t\t\tif (printEl && document.body.contains(printEl)) {\n\t\t\t\t\tdocument.body.removeChild(printEl)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Always make sure we have a clean root element.\n\t\t\tclearElements(prevPrintEl.current, prevStyleEl.current)\n\t\t\tprevPrintEl.current = el\n\t\t\tprevStyleEl.current = style\n\n\t\t\t// Random because this isn't for end users\n\t\t\tconst className = `tl-print-surface-${uniqueId()}`\n\n\t\t\tel.className = className\n\t\t\t// NOTE: Works in most envs except safari, needs further review\n\t\t\tconst enableMargins = false\n\t\t\t// NOTE: Currently buggy needs further investigation\n\t\t\tconst allowAllPages = false\n\t\t\tstyle.innerHTML = `\n\t\t\t.${className} {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t.${className} svg {\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t@media print {\t\t\t\t  \n\t\t\t\thtml, body {\n\t\t\t\t\tmin-height: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\tbody {\n\t\t\t\t\tposition: relative;\n\t\t\t\t}\n\n\t\t\t\tbody > * {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.tldraw__editor {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.${className} {\n\t\t\t\t\tdisplay: block !important;\n\t\t\t\t\tbackground: white;\n\t\t\t\t\tmin-height: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t}\n\n\t\t\t\t.${className}__item {\n\t\t\t\t\tpadding: 10mm;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmin-height: 100%;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\tpage-break-after: always;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\theight: 100%;\n\t\t\t\t}\n\n\t\t\t\t.${className}__item__main {\n\t\t\t\t\tflex: 1;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmax-height: 100%;\n\t\t\t\t}\n\n\t\t\t\t.${className}__item__header {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.${className}__item__footer {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\ttext-align: right;\n\t\t\t\t}\n\n\t\t\t\t.${className}__item__footer__hide {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t${\n\t\t\t\t\t!enableMargins\n\t\t\t\t\t\t? ''\n\t\t\t\t\t\t: `\n\t\t\t\t\t/**\n\t\t\t\t\t * Note: Safari doesn't support removing the page margins to remove them all!\n\t\t\t\t\t */\n\t\t\t\t\t@page {\n\t\t\t\t\t\tmargin:0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.${className} .${className}__item__header {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\n\t\t\t\t\t.${className} .${className}__item__footer {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t`\n\t\t\t\t}\n\t\t\t}\n\n\t\t`\n\n\t\t\tconst beforePrintHandler = () => {\n\t\t\t\tdocument.head.appendChild(style)\n\t\t\t\tdocument.body.appendChild(el)\n\t\t\t}\n\n\t\t\tconst afterPrintHandler = () => {\n\t\t\t\teditor.once('change-history', () => {\n\t\t\t\t\tclearElements(el, style)\n\t\t\t\t})\n\t\t\t}\n\n\t\t\twindow.addEventListener('beforeprint', beforePrintHandler)\n\t\t\twindow.addEventListener('afterprint', afterPrintHandler)\n\n\t\t\tfunction addPageToPrint(title: string, footer: string | null, svg: SVGElement) {\n\t\t\t\ttry {\n\t\t\t\t\tel.innerHTML += `<div class=\"${className}__item\">\n        <div class=\"${className}__item__header\">\n          ${title.replace(/</g, '&lt;').replace(/>/g, '&gt;')}\n        </div>\n        <div class=\"${className}__item__main\">\n          ${svg.outerHTML}\n        </div>\n        <div class=\"${className}__item__footer ${className}__item__footer__${footer ? '' : 'hide'}\">\n          ${footer ?? ''}\n        </div>\n      </div>`\n\t\t\t\t} catch (e) {\n\t\t\t\t\tconsole.error(e)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfunction triggerPrint() {\n\t\t\t\tif (editor.environment.isChromeForIos) {\n\t\t\t\t\tbeforePrintHandler()\n\t\t\t\t\twindow.print()\n\t\t\t\t} else if (editor.environment.isSafari) {\n\t\t\t\t\tbeforePrintHandler()\n\t\t\t\t\t// eslint-disable-next-line deprecation/deprecation\n\t\t\t\t\tdocument.execCommand('print', false)\n\t\t\t\t} else {\n\t\t\t\t\twindow.print()\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst selectedShapeIds = editor.getSelectedShapeIds()\n\t\t\tconst currentPageId = editor.getCurrentPageId()\n\t\t\tconst pages = editor.getPages()\n\n\t\t\tconst preserveAspectRatio = 'xMidYMid meet'\n\n\t\t\tconst svgOpts = {\n\t\t\t\tscale: 1,\n\t\t\t\tbackground: false,\n\t\t\t\tdarkMode: false,\n\t\t\t\tpreserveAspectRatio,\n\t\t\t}\n\n\t\t\tif (editor.getSelectedShapeIds().length > 0) {\n\t\t\t\t// Print the selected ids from the current page\n\t\t\t\tconst svg = await editor.getSvg(selectedShapeIds, svgOpts)\n\n\t\t\t\tif (svg) {\n\t\t\t\t\tconst page = pages.find((p) => p.id === currentPageId)\n\t\t\t\t\taddPageToPrint(`tldraw \u2014 ${page?.name}`, null, svg)\n\t\t\t\t\ttriggerPrint()\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (allowAllPages) {\n\t\t\t\t\t// Print all pages\n\t\t\t\t\tfor (let i = 0; i < pages.length; i++) {\n\t\t\t\t\t\tconst page = pages[i]\n\t\t\t\t\t\tconst svg = await editor.getSvg(editor.getSortedChildIdsForParent(page.id), svgOpts)\n\t\t\t\t\t\tif (svg) {\n\t\t\t\t\t\t\taddPageToPrint(`tldraw \u2014 ${page.name}`, `${i}/${pages.length}`, svg)\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\ttriggerPrint()\n\t\t\t\t} else {\n\t\t\t\t\tconst page = editor.getCurrentPage()\n\t\t\t\t\tconst svg = await editor.getSvg(editor.getSortedChildIdsForParent(page.id), svgOpts)\n\t\t\t\t\tif (svg) {\n\t\t\t\t\t\taddPageToPrint(`tldraw \u2014 ${page.name}`, null, svg)\n\t\t\t\t\t\ttriggerPrint()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\twindow.removeEventListener('beforeprint', beforePrintHandler)\n\t\t\twindow.removeEventListener('afterprint', afterPrintHandler)\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/useReadonly.mjs

@@ -0,0 +1,9 @@
+import { useEditor, useValue } from "@bigbluebutton/editor";
+function useReadonly() {
+  const editor = useEditor();
+  return useValue("isReadonlyMode", () => editor.getInstanceState().isReadonly, [editor]);
+}
+export {
+  useReadonly
+};
+//# sourceMappingURL=useReadonly.mjs.map

package/dist-esm/lib/ui/hooks/useReadonly.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useReadonly.ts"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\n\n/** @public */\nexport function useReadonly() {\n\tconst editor = useEditor()\n\treturn useValue('isReadonlyMode', () => editor.getInstanceState().isReadonly, [editor])\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAG7B,SAAS,cAAc;AAC7B,QAAM,SAAS,UAAU;AACzB,SAAO,SAAS,kBAAkB,MAAM,OAAO,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;AACvF;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/useRevelantStyles.mjs

@@ -0,0 +1,33 @@
+import {
+  DefaultColorStyle,
+  DefaultDashStyle,
+  DefaultFillStyle,
+  DefaultSizeStyle,
+  SharedStyleMap,
+  useEditor,
+  useValue
+} from "@bigbluebutton/editor";
+const selectToolStyles = [DefaultColorStyle, DefaultDashStyle, DefaultFillStyle, DefaultSizeStyle];
+function useRelevantStyles() {
+  const editor = useEditor();
+  return useValue(
+    "getRelevantStyles",
+    () => {
+      const styles = new SharedStyleMap(editor.getSharedStyles());
+      const hasShape = editor.getSelectedShapeIds().length > 0 || !!editor.root.getCurrent()?.shapeType;
+      if (styles.size === 0 && editor.isIn("select") && editor.getSelectedShapeIds().length === 0) {
+        for (const style of selectToolStyles) {
+          styles.applyValue(style, editor.getStyleForNextShape(style));
+        }
+      }
+      if (styles.size === 0 && !hasShape)
+        return null;
+      return { styles, opacity: editor.getSharedOpacity() };
+    },
+    [editor]
+  );
+}
+export {
+  useRelevantStyles
+};
+//# sourceMappingURL=useRevelantStyles.mjs.map

package/dist-esm/lib/ui/hooks/useRevelantStyles.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useRevelantStyles.ts"],
+  "sourcesContent": ["import {\n\tDefaultColorStyle,\n\tDefaultDashStyle,\n\tDefaultFillStyle,\n\tDefaultSizeStyle,\n\tReadonlySharedStyleMap,\n\tSharedStyle,\n\tSharedStyleMap,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\n\nconst selectToolStyles = [DefaultColorStyle, DefaultDashStyle, DefaultFillStyle, DefaultSizeStyle]\n\nexport function useRelevantStyles(): {\n\tstyles: ReadonlySharedStyleMap\n\topacity: SharedStyle<number>\n} | null {\n\tconst editor = useEditor()\n\treturn useValue(\n\t\t'getRelevantStyles',\n\t\t() => {\n\t\t\tconst styles = new SharedStyleMap(editor.getSharedStyles())\n\t\t\tconst hasShape =\n\t\t\t\teditor.getSelectedShapeIds().length > 0 || !!editor.root.getCurrent()?.shapeType\n\n\t\t\tif (styles.size === 0 && editor.isIn('select') && editor.getSelectedShapeIds().length === 0) {\n\t\t\t\tfor (const style of selectToolStyles) {\n\t\t\t\t\tstyles.applyValue(style, editor.getStyleForNextShape(style))\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (styles.size === 0 && !hasShape) return null\n\t\t\treturn { styles, opacity: editor.getSharedOpacity() }\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
+  "mappings": "AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,MAAM,mBAAmB,CAAC,mBAAmB,kBAAkB,kBAAkB,gBAAgB;AAE1F,SAAS,oBAGP;AACR,QAAM,SAAS,UAAU;AACzB,SAAO;AAAA,IACN;AAAA,IACA,MAAM;AACL,YAAM,SAAS,IAAI,eAAe,OAAO,gBAAgB,CAAC;AAC1D,YAAM,WACL,OAAO,oBAAoB,EAAE,SAAS,KAAK,CAAC,CAAC,OAAO,KAAK,WAAW,GAAG;AAExE,UAAI,OAAO,SAAS,KAAK,OAAO,KAAK,QAAQ,KAAK,OAAO,oBAAoB,EAAE,WAAW,GAAG;AAC5F,mBAAW,SAAS,kBAAkB;AACrC,iBAAO,WAAW,OAAO,OAAO,qBAAqB,KAAK,CAAC;AAAA,QAC5D;AAAA,MACD;AAEA,UAAI,OAAO,SAAS,KAAK,CAAC;AAAU,eAAO;AAC3C,aAAO,EAAE,QAAQ,SAAS,OAAO,iBAAiB,EAAE;AAAA,IACrD;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AACD;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/useShowAutoSizeToggle.mjs

@@ -0,0 +1,16 @@
+import { useEditor, useValue } from "@bigbluebutton/editor";
+function useShowAutoSizeToggle() {
+  const editor = useEditor();
+  return useValue(
+    "showAutoSizeToggle",
+    () => {
+      const selectedShapes = editor.getSelectedShapes();
+      return selectedShapes.length === 1 && editor.isShapeOfType(selectedShapes[0], "text") && selectedShapes[0].props.autoSize === false;
+    },
+    [editor]
+  );
+}
+export {
+  useShowAutoSizeToggle
+};
+//# sourceMappingURL=useShowAutoSizeToggle.mjs.map

package/dist-esm/lib/ui/hooks/useShowAutoSizeToggle.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useShowAutoSizeToggle.ts"],
+  "sourcesContent": ["import { TLTextShape, useEditor, useValue } from '@bigbluebutton/editor'\n\nexport function useShowAutoSizeToggle() {\n\tconst editor = useEditor()\n\treturn useValue(\n\t\t'showAutoSizeToggle',\n\t\t() => {\n\t\t\tconst selectedShapes = editor.getSelectedShapes()\n\t\t\treturn (\n\t\t\t\tselectedShapes.length === 1 &&\n\t\t\t\teditor.isShapeOfType<TLTextShape>(selectedShapes[0], 'text') &&\n\t\t\t\tselectedShapes[0].props.autoSize === false\n\t\t\t)\n\t\t},\n\t\t[editor]\n\t)\n}\n"],
+  "mappings": "AAAA,SAAsB,WAAW,gBAAgB;AAE1C,SAAS,wBAAwB;AACvC,QAAM,SAAS,UAAU;AACzB,SAAO;AAAA,IACN;AAAA,IACA,MAAM;AACL,YAAM,iBAAiB,OAAO,kBAAkB;AAChD,aACC,eAAe,WAAW,KAC1B,OAAO,cAA2B,eAAe,CAAC,GAAG,MAAM,KAC3D,eAAe,CAAC,EAAE,MAAM,aAAa;AAAA,IAEvC;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AACD;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/useToastsProvider.mjs

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { uniqueId } from "@bigbluebutton/editor";
+import { createContext, useCallback, useContext, useState } from "react";
+const ToastsContext = createContext({});
+function ToastsProvider({ children }) {
+  const [toasts, setToasts] = useState([]);
+  const addToast = useCallback((toast) => {
+    const id = toast.id ?? uniqueId();
+    setToasts((d) => [...d.filter((m) => m.id !== toast.id), { ...toast, id }]);
+    return id;
+  }, []);
+  const removeToast = useCallback((id) => {
+    setToasts((d) => d.filter((m) => m.id !== id));
+    return id;
+  }, []);
+  const clearToasts = useCallback(() => {
+    setToasts(() => []);
+  }, []);
+  return /* @__PURE__ */ jsx(ToastsContext.Provider, { value: { toasts, addToast, removeToast, clearToasts }, children });
+}
+function useToasts() {
+  const ctx = useContext(ToastsContext);
+  if (!ctx) {
+    throw new Error("useToasts must be used within a ToastsProvider");
+  }
+  return ctx;
+}
+export {
+  ToastsContext,
+  ToastsProvider,
+  useToasts
+};
+//# sourceMappingURL=useToastsProvider.mjs.map

package/dist-esm/lib/ui/hooks/useToastsProvider.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useToastsProvider.tsx"],
+  "sourcesContent": ["import { Editor, uniqueId } from '@bigbluebutton/editor'\nimport { createContext, useCallback, useContext, useState } from 'react'\nimport { TLUiIconType } from '../icon-types'\n\n/** @public */\nexport interface TLUiToast {\n\tid: string\n\ticon?: TLUiIconType\n\ttitle?: string\n\tdescription?: string\n\tactions?: TLUiToastAction[]\n\tkeepOpen?: boolean\n\tcloseLabel?: string\n}\n\n/** @public */\nexport interface TLUiToastAction {\n\ttype: 'primary' | 'danger' | 'normal'\n\tlabel: string\n\tonClick: () => void\n}\n\n/** @public */\nexport type TLUiToastsContextType = {\n\taddToast: (toast: Omit<TLUiToast, 'id'> & { id?: string }) => string\n\tremoveToast: (id: TLUiToast['id']) => string\n\tclearToasts: () => void\n\ttoasts: TLUiToast[]\n}\n\n/** @internal */\nexport const ToastsContext = createContext({} as TLUiToastsContextType)\n\n/** @internal */\nexport type ToastsProviderProps = {\n\toverrides?: (editor: Editor) => TLUiToastsContextType\n\tchildren: any\n}\n\n/** @internal */\nexport function ToastsProvider({ children }: ToastsProviderProps) {\n\tconst [toasts, setToasts] = useState<TLUiToast[]>([])\n\n\tconst addToast = useCallback((toast: Omit<TLUiToast, 'id'> & { id?: string }) => {\n\t\tconst id = toast.id ?? uniqueId()\n\t\tsetToasts((d) => [...d.filter((m) => m.id !== toast.id), { ...toast, id }])\n\t\treturn id\n\t}, [])\n\n\tconst removeToast = useCallback((id: string) => {\n\t\tsetToasts((d) => d.filter((m) => m.id !== id))\n\t\treturn id\n\t}, [])\n\n\tconst clearToasts = useCallback(() => {\n\t\tsetToasts(() => [])\n\t}, [])\n\n\treturn (\n\t\t<ToastsContext.Provider value={{ toasts, addToast, removeToast, clearToasts }}>\n\t\t\t{children}\n\t\t</ToastsContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useToasts() {\n\tconst ctx = useContext(ToastsContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useToasts must be used within a ToastsProvider')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": "AA2DE;AA3DF,SAAiB,gBAAgB;AACjC,SAAS,eAAe,aAAa,YAAY,gBAAgB;AA8B1D,MAAM,gBAAgB,cAAc,CAAC,CAA0B;AAS/D,SAAS,eAAe,EAAE,SAAS,GAAwB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAsB,CAAC,CAAC;AAEpD,QAAM,WAAW,YAAY,CAAC,UAAmD;AAChF,UAAM,KAAK,MAAM,MAAM,SAAS;AAChC,cAAU,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,MAAM,EAAE,GAAG,EAAE,GAAG,OAAO,GAAG,CAAC,CAAC;AAC1E,WAAO;AAAA,EACR,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,CAAC,OAAe;AAC/C,cAAU,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAC7C,WAAO;AAAA,EACR,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACrC,cAAU,MAAM,CAAC,CAAC;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SACC,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,QAAQ,UAAU,aAAa,YAAY,GAC1E,UACF;AAEF;AAGO,SAAS,YAAY;AAC3B,QAAM,MAAM,WAAW,aAAa;AAEpC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,gDAAgD;AAAA,EACjE;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-esm/lib/ui/hooks/useToolbarSchema.mjs

@@ -0,0 +1,69 @@
+import { jsx } from "react/jsx-runtime";
+import { compact, useEditor } from "@bigbluebutton/editor";
+import React from "react";
+import { useTools } from "./useTools.mjs";
+function toolbarItem(toolItem) {
+  return {
+    id: toolItem.id,
+    type: "item",
+    readonlyOk: toolItem.readonlyOk,
+    toolItem
+  };
+}
+const ToolbarSchemaContext = React.createContext([]);
+function ToolbarSchemaProvider({ overrides, children }) {
+  const editor = useEditor();
+  const tools = useTools();
+  const toolbarSchema = React.useMemo(() => {
+    const schema = compact([
+      toolbarItem(tools.select),
+      toolbarItem(tools.hand),
+      toolbarItem(tools.draw),
+      toolbarItem(tools.eraser),
+      toolbarItem(tools.arrow),
+      toolbarItem(tools.text),
+      toolbarItem(tools.note),
+      toolbarItem(tools.asset),
+      toolbarItem(tools["rectangle"]),
+      toolbarItem(tools["ellipse"]),
+      toolbarItem(tools["diamond"]),
+      toolbarItem(tools["triangle"]),
+      toolbarItem(tools["trapezoid"]),
+      toolbarItem(tools["rhombus"]),
+      toolbarItem(tools["hexagon"]),
+      toolbarItem(tools["cloud"]),
+      // toolbarItem(tools['octagon']),
+      toolbarItem(tools["star"]),
+      toolbarItem(tools["oval"]),
+      toolbarItem(tools["x-box"]),
+      toolbarItem(tools["check-box"]),
+      toolbarItem(tools["arrow-left"]),
+      toolbarItem(tools["arrow-up"]),
+      toolbarItem(tools["arrow-down"]),
+      toolbarItem(tools["arrow-right"]),
+      toolbarItem(tools.line),
+      toolbarItem(tools.highlight),
+      toolbarItem(tools.frame),
+      toolbarItem(tools.laser)
+    ]);
+    if (overrides) {
+      return overrides(editor, schema, { tools });
+    }
+    return schema;
+  }, [editor, overrides, tools]);
+  return /* @__PURE__ */ jsx(ToolbarSchemaContext.Provider, { value: toolbarSchema, children });
+}
+function useToolbarSchema() {
+  const ctx = React.useContext(ToolbarSchemaContext);
+  if (!ctx) {
+    throw new Error("useToolbarSchema must be used within a ToolbarSchemaProvider");
+  }
+  return ctx;
+}
+export {
+  ToolbarSchemaContext,
+  ToolbarSchemaProvider,
+  toolbarItem,
+  useToolbarSchema
+};
+//# sourceMappingURL=useToolbarSchema.mjs.map