@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/usePrint.js

@@ -0,0 +1,220 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePrint_exports = {};
+__export(usePrint_exports, {
+  usePrint: () => usePrint
+});
+module.exports = __toCommonJS(usePrint_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+function usePrint() {
+  const editor = (0, import_editor.useEditor)();
+  const prevPrintEl = (0, import_react.useRef)(null);
+  const prevStyleEl = (0, import_react.useRef)(null);
+  return (0, import_react.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-${(0, import_editor.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]
+  );
+}
+//# sourceMappingURL=usePrint.js.map

package/dist-cjs/lib/ui/hooks/usePrint.js.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-cjs/lib/ui/hooks/useReadonly.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useReadonly_exports = {};
+__export(useReadonly_exports, {
+  useReadonly: () => useReadonly
+});
+module.exports = __toCommonJS(useReadonly_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useReadonly() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)("isReadonlyMode", () => editor.getInstanceState().isReadonly, [editor]);
+}
+//# sourceMappingURL=useReadonly.js.map

package/dist-cjs/lib/ui/hooks/useReadonly.js.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;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAG7B,SAAS,cAAc;AAC7B,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,kBAAkB,MAAM,OAAO,iBAAiB,EAAE,YAAY,CAAC,MAAM,CAAC;AACvF;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/useRevelantStyles.js

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useRevelantStyles_exports = {};
+__export(useRevelantStyles_exports, {
+  useRelevantStyles: () => useRelevantStyles
+});
+module.exports = __toCommonJS(useRevelantStyles_exports);
+var import_editor = require("@bigbluebutton/editor");
+const selectToolStyles = [import_editor.DefaultColorStyle, import_editor.DefaultDashStyle, import_editor.DefaultFillStyle, import_editor.DefaultSizeStyle];
+function useRelevantStyles() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)(
+    "getRelevantStyles",
+    () => {
+      const styles = new import_editor.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]
+  );
+}
+//# sourceMappingURL=useRevelantStyles.js.map

package/dist-cjs/lib/ui/hooks/useRevelantStyles.js.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;AAAA;AAAA;AAAA;AAAA,oBAUO;AAEP,MAAM,mBAAmB,CAAC,iCAAmB,gCAAkB,gCAAkB,8BAAgB;AAE1F,SAAS,oBAGP;AACR,QAAM,aAAS,yBAAU;AACzB,aAAO;AAAA,IACN;AAAA,IACA,MAAM;AACL,YAAM,SAAS,IAAI,6BAAe,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-cjs/lib/ui/hooks/useShowAutoSizeToggle.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useShowAutoSizeToggle_exports = {};
+__export(useShowAutoSizeToggle_exports, {
+  useShowAutoSizeToggle: () => useShowAutoSizeToggle
+});
+module.exports = __toCommonJS(useShowAutoSizeToggle_exports);
+var import_editor = require("@bigbluebutton/editor");
+function useShowAutoSizeToggle() {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)(
+    "showAutoSizeToggle",
+    () => {
+      const selectedShapes = editor.getSelectedShapes();
+      return selectedShapes.length === 1 && editor.isShapeOfType(selectedShapes[0], "text") && selectedShapes[0].props.autoSize === false;
+    },
+    [editor]
+  );
+}
+//# sourceMappingURL=useShowAutoSizeToggle.js.map

package/dist-cjs/lib/ui/hooks/useShowAutoSizeToggle.js.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;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiD;AAE1C,SAAS,wBAAwB;AACvC,QAAM,aAAS,yBAAU;AACzB,aAAO;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-cjs/lib/ui/hooks/useToastsProvider.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useToastsProvider_exports = {};
+__export(useToastsProvider_exports, {
+  ToastsContext: () => ToastsContext,
+  ToastsProvider: () => ToastsProvider,
+  useToasts: () => useToasts
+});
+module.exports = __toCommonJS(useToastsProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+const ToastsContext = (0, import_react.createContext)({});
+function ToastsProvider({ children }) {
+  const [toasts, setToasts] = (0, import_react.useState)([]);
+  const addToast = (0, import_react.useCallback)((toast) => {
+    const id = toast.id ?? (0, import_editor.uniqueId)();
+    setToasts((d) => [...d.filter((m) => m.id !== toast.id), { ...toast, id }]);
+    return id;
+  }, []);
+  const removeToast = (0, import_react.useCallback)((id) => {
+    setToasts((d) => d.filter((m) => m.id !== id));
+    return id;
+  }, []);
+  const clearToasts = (0, import_react.useCallback)(() => {
+    setToasts(() => []);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastsContext.Provider, { value: { toasts, addToast, removeToast, clearToasts }, children });
+}
+function useToasts() {
+  const ctx = (0, import_react.useContext)(ToastsContext);
+  if (!ctx) {
+    throw new Error("useToasts must be used within a ToastsProvider");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useToastsProvider.js.map

package/dist-cjs/lib/ui/hooks/useToastsProvider.js.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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2DE;AA3DF,oBAAiC;AACjC,mBAAiE;AA8B1D,MAAM,oBAAgB,4BAAc,CAAC,CAA0B;AAS/D,SAAS,eAAe,EAAE,SAAS,GAAwB;AACjE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAsB,CAAC,CAAC;AAEpD,QAAM,eAAW,0BAAY,CAAC,UAAmD;AAChF,UAAM,KAAK,MAAM,UAAM,wBAAS;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,kBAAc,0BAAY,CAAC,OAAe;AAC/C,cAAU,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAC7C,WAAO;AAAA,EACR,GAAG,CAAC,CAAC;AAEL,QAAM,kBAAc,0BAAY,MAAM;AACrC,cAAU,MAAM,CAAC,CAAC;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SACC,4CAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,QAAQ,UAAU,aAAa,YAAY,GAC1E,UACF;AAEF;AAGO,SAAS,YAAY;AAC3B,QAAM,UAAM,yBAAW,aAAa;AAEpC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,gDAAgD;AAAA,EACjE;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-cjs/lib/ui/hooks/useToolbarSchema.js

@@ -0,0 +1,99 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useToolbarSchema_exports = {};
+__export(useToolbarSchema_exports, {
+  ToolbarSchemaContext: () => ToolbarSchemaContext,
+  ToolbarSchemaProvider: () => ToolbarSchemaProvider,
+  toolbarItem: () => toolbarItem,
+  useToolbarSchema: () => useToolbarSchema
+});
+module.exports = __toCommonJS(useToolbarSchema_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_useTools = require("./useTools");
+function toolbarItem(toolItem) {
+  return {
+    id: toolItem.id,
+    type: "item",
+    readonlyOk: toolItem.readonlyOk,
+    toolItem
+  };
+}
+const ToolbarSchemaContext = import_react.default.createContext([]);
+function ToolbarSchemaProvider({ overrides, children }) {
+  const editor = (0, import_editor.useEditor)();
+  const tools = (0, import_useTools.useTools)();
+  const toolbarSchema = import_react.default.useMemo(() => {
+    const schema = (0, import_editor.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__ */ (0, import_jsx_runtime.jsx)(ToolbarSchemaContext.Provider, { value: toolbarSchema, children });
+}
+function useToolbarSchema() {
+  const ctx = import_react.default.useContext(ToolbarSchemaContext);
+  if (!ctx) {
+    throw new Error("useToolbarSchema must be used within a ToolbarSchemaProvider");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useToolbarSchema.js.map

package/dist-cjs/lib/ui/hooks/useToolbarSchema.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useToolbarSchema.tsx"],
+  "sourcesContent": ["import { Editor, compact, useEditor } from '@bigbluebutton/editor'\nimport React from 'react'\nimport { TLUiToolItem, TLUiToolsContextType, useTools } from './useTools'\n\n/** @public */\nexport type TLUiToolbarItem = {\n\tid: string\n\ttype: 'item'\n\treadonlyOk: boolean\n\ttoolItem: TLUiToolItem\n}\n\n/** @public */\nexport function toolbarItem(toolItem: TLUiToolItem): TLUiToolbarItem {\n\treturn {\n\t\tid: toolItem.id,\n\t\ttype: 'item',\n\t\treadonlyOk: toolItem.readonlyOk,\n\t\ttoolItem,\n\t}\n}\n\n/** @public */\nexport type TLUiToolbarSchemaContextType = TLUiToolbarItem[]\n\n/** @internal */\nexport const ToolbarSchemaContext = React.createContext([] as TLUiToolbarSchemaContextType)\n\n/** @public */\nexport type TLUiToolbarSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiToolbarSchemaContextType,\n\t\tmore: { tools: TLUiToolsContextType }\n\t) => TLUiToolbarSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport function ToolbarSchemaProvider({ overrides, children }: TLUiToolbarSchemaProviderProps) {\n\tconst editor = useEditor()\n\n\tconst tools = useTools()\n\n\tconst toolbarSchema = React.useMemo<TLUiToolbarSchemaContextType>(() => {\n\t\tconst schema: TLUiToolbarSchemaContextType = compact([\n\t\t\ttoolbarItem(tools.select),\n\t\t\ttoolbarItem(tools.hand),\n\t\t\ttoolbarItem(tools.draw),\n\t\t\ttoolbarItem(tools.eraser),\n\t\t\ttoolbarItem(tools.arrow),\n\t\t\ttoolbarItem(tools.text),\n\t\t\ttoolbarItem(tools.note),\n\t\t\ttoolbarItem(tools.asset),\n\t\t\ttoolbarItem(tools['rectangle']),\n\t\t\ttoolbarItem(tools['ellipse']),\n\t\t\ttoolbarItem(tools['diamond']),\n\t\t\ttoolbarItem(tools['triangle']),\n\t\t\ttoolbarItem(tools['trapezoid']),\n\t\t\ttoolbarItem(tools['rhombus']),\n\t\t\ttoolbarItem(tools['hexagon']),\n\t\t\ttoolbarItem(tools['cloud']),\n\t\t\t// toolbarItem(tools['octagon']),\n\t\t\ttoolbarItem(tools['star']),\n\t\t\ttoolbarItem(tools['oval']),\n\t\t\ttoolbarItem(tools['x-box']),\n\t\t\ttoolbarItem(tools['check-box']),\n\t\t\ttoolbarItem(tools['arrow-left']),\n\t\t\ttoolbarItem(tools['arrow-up']),\n\t\t\ttoolbarItem(tools['arrow-down']),\n\t\t\ttoolbarItem(tools['arrow-right']),\n\t\t\ttoolbarItem(tools.line),\n\t\t\ttoolbarItem(tools.highlight),\n\t\t\ttoolbarItem(tools.frame),\n\t\t\ttoolbarItem(tools.laser),\n\t\t])\n\n\t\tif (overrides) {\n\t\t\treturn overrides(editor, schema, { tools })\n\t\t}\n\n\t\treturn schema\n\t}, [editor, overrides, tools])\n\n\treturn (\n\t\t<ToolbarSchemaContext.Provider value={toolbarSchema}>{children}</ToolbarSchemaContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useToolbarSchema() {\n\tconst ctx = React.useContext(ToolbarSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useToolbarSchema must be used within a ToolbarSchemaProvider')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqFE;AArFF,oBAA2C;AAC3C,mBAAkB;AAClB,sBAA6D;AAWtD,SAAS,YAAY,UAAyC;AACpE,SAAO;AAAA,IACN,IAAI,SAAS;AAAA,IACb,MAAM;AAAA,IACN,YAAY,SAAS;AAAA,IACrB;AAAA,EACD;AACD;AAMO,MAAM,uBAAuB,aAAAA,QAAM,cAAc,CAAC,CAAiC;AAanF,SAAS,sBAAsB,EAAE,WAAW,SAAS,GAAmC;AAC9F,QAAM,aAAS,yBAAU;AAEzB,QAAM,YAAQ,0BAAS;AAEvB,QAAM,gBAAgB,aAAAA,QAAM,QAAsC,MAAM;AACvE,UAAM,aAAuC,uBAAQ;AAAA,MACpD,YAAY,MAAM,MAAM;AAAA,MACxB,YAAY,MAAM,IAAI;AAAA,MACtB,YAAY,MAAM,IAAI;AAAA,MACtB,YAAY,MAAM,MAAM;AAAA,MACxB,YAAY,MAAM,KAAK;AAAA,MACvB,YAAY,MAAM,IAAI;AAAA,MACtB,YAAY,MAAM,IAAI;AAAA,MACtB,YAAY,MAAM,KAAK;AAAA,MACvB,YAAY,MAAM,WAAW,CAAC;AAAA,MAC9B,YAAY,MAAM,SAAS,CAAC;AAAA,MAC5B,YAAY,MAAM,SAAS,CAAC;AAAA,MAC5B,YAAY,MAAM,UAAU,CAAC;AAAA,MAC7B,YAAY,MAAM,WAAW,CAAC;AAAA,MAC9B,YAAY,MAAM,SAAS,CAAC;AAAA,MAC5B,YAAY,MAAM,SAAS,CAAC;AAAA,MAC5B,YAAY,MAAM,OAAO,CAAC;AAAA;AAAA,MAE1B,YAAY,MAAM,MAAM,CAAC;AAAA,MACzB,YAAY,MAAM,MAAM,CAAC;AAAA,MACzB,YAAY,MAAM,OAAO,CAAC;AAAA,MAC1B,YAAY,MAAM,WAAW,CAAC;AAAA,MAC9B,YAAY,MAAM,YAAY,CAAC;AAAA,MAC/B,YAAY,MAAM,UAAU,CAAC;AAAA,MAC7B,YAAY,MAAM,YAAY,CAAC;AAAA,MAC/B,YAAY,MAAM,aAAa,CAAC;AAAA,MAChC,YAAY,MAAM,IAAI;AAAA,MACtB,YAAY,MAAM,SAAS;AAAA,MAC3B,YAAY,MAAM,KAAK;AAAA,MACvB,YAAY,MAAM,KAAK;AAAA,IACxB,CAAC;AAED,QAAI,WAAW;AACd,aAAO,UAAU,QAAQ,QAAQ,EAAE,MAAM,CAAC;AAAA,IAC3C;AAEA,WAAO;AAAA,EACR,GAAG,CAAC,QAAQ,WAAW,KAAK,CAAC;AAE7B,SACC,4CAAC,qBAAqB,UAArB,EAA8B,OAAO,eAAgB,UAAS;AAEjE;AAGO,SAAS,mBAAmB;AAClC,QAAM,MAAM,aAAAA,QAAM,WAAW,oBAAoB;AAEjD,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,8DAA8D;AAAA,EAC/E;AAEA,SAAO;AACR;",
+  "names": ["React"]
+}