@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/tools/selection-logic/getHitShapeOnCanvasPointerDown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/getHitShapeOnCanvasPointerDown.ts"],
+  "sourcesContent": ["import { Editor, HIT_TEST_MARGIN, TLShape } from '@bigbluebutton/editor'\n\nexport function getHitShapeOnCanvasPointerDown(editor: Editor): TLShape | undefined {\n\tconst zoomLevel = editor.getZoomLevel()\n\tconst {\n\t\tinputs: { currentPagePoint },\n\t} = editor\n\n\treturn (\n\t\t// hovered shape at point\n\t\teditor.getShapeAtPoint(currentPagePoint, {\n\t\t\thitInside: false,\n\t\t\thitLabels: false,\n\t\t\tmargin: HIT_TEST_MARGIN / zoomLevel,\n\t\t\trenderingOnly: true,\n\t\t}) ??\n\t\t// selected shape at point\n\t\teditor.getSelectedShapeAtPoint(currentPagePoint)\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiD;AAE1C,SAAS,+BAA+B,QAAqC;AACnF,QAAM,YAAY,OAAO,aAAa;AACtC,QAAM;AAAA,IACL,QAAQ,EAAE,iBAAiB;AAAA,EAC5B,IAAI;AAEJ;AAAA;AAAA,IAEC,OAAO,gBAAgB,kBAAkB;AAAA,MACxC,WAAW;AAAA,MACX,WAAW;AAAA,MACX,QAAQ,gCAAkB;AAAA,MAC1B,eAAe;AAAA,IAChB,CAAC;AAAA,IAED,OAAO,wBAAwB,gBAAgB;AAAA;AAEjD;",
+  "names": []
+}

package/dist-cjs/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.js

@@ -0,0 +1,28 @@
+"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 getShouldEnterCropModeOnPointerDown_exports = {};
+__export(getShouldEnterCropModeOnPointerDown_exports, {
+  getShouldEnterCropMode: () => getShouldEnterCropMode
+});
+module.exports = __toCommonJS(getShouldEnterCropModeOnPointerDown_exports);
+function getShouldEnterCropMode(editor) {
+  const onlySelectedShape = editor.getOnlySelectedShape();
+  return !!(onlySelectedShape && !editor.isShapeOrAncestorLocked(onlySelectedShape) && editor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape));
+}
+//# sourceMappingURL=getShouldEnterCropModeOnPointerDown.js.map

package/dist-cjs/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.ts"],
+  "sourcesContent": ["import { Editor } from '@bigbluebutton/editor'\n\nexport function getShouldEnterCropMode(editor: Editor): boolean {\n\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\treturn !!(\n\t\tonlySelectedShape &&\n\t\t!editor.isShapeOrAncestorLocked(onlySelectedShape) &&\n\t\teditor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape)\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,uBAAuB,QAAyB;AAC/D,QAAM,oBAAoB,OAAO,qBAAqB;AACtD,SAAO,CAAC,EACP,qBACA,CAAC,OAAO,wBAAwB,iBAAiB,KACjD,OAAO,aAAa,iBAAiB,EAAE,QAAQ,iBAAiB;AAElE;",
+  "names": []
+}

package/dist-cjs/lib/tools/selection-logic/selectOnCanvasPointerUp.js

@@ -0,0 +1,80 @@
+"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 selectOnCanvasPointerUp_exports = {};
+__export(selectOnCanvasPointerUp_exports, {
+  selectOnCanvasPointerUp: () => selectOnCanvasPointerUp
+});
+module.exports = __toCommonJS(selectOnCanvasPointerUp_exports);
+var import_editor = require("@bigbluebutton/editor");
+function selectOnCanvasPointerUp(editor) {
+  const selectedShapeIds = editor.getSelectedShapeIds();
+  const { shiftKey, altKey, currentPagePoint } = editor.inputs;
+  const hitShape = editor.getShapeAtPoint(currentPagePoint, {
+    hitInside: false,
+    margin: import_editor.HIT_TEST_MARGIN / editor.getZoomLevel(),
+    hitLabels: true,
+    renderingOnly: true,
+    filter: (shape) => !shape.isLocked
+  });
+  if (hitShape) {
+    const outermostSelectableShape = editor.getOutermostSelectableShape(hitShape);
+    if (shiftKey && !altKey) {
+      editor.cancelDoubleClick();
+      if (selectedShapeIds.includes(outermostSelectableShape.id)) {
+        editor.mark("deselecting shape");
+        editor.deselect(outermostSelectableShape);
+      } else {
+        editor.mark("shift selecting shape");
+        editor.setSelectedShapes([...selectedShapeIds, outermostSelectableShape.id]);
+      }
+    } else {
+      let shapeToSelect = void 0;
+      if (outermostSelectableShape === hitShape) {
+        shapeToSelect = hitShape;
+      } else {
+        if (outermostSelectableShape.id === editor.getFocusedGroupId() || selectedShapeIds.includes(outermostSelectableShape.id)) {
+          shapeToSelect = hitShape;
+        } else {
+          shapeToSelect = outermostSelectableShape;
+        }
+      }
+      if (shapeToSelect && !selectedShapeIds.includes(shapeToSelect.id)) {
+        editor.mark("selecting shape");
+        editor.select(shapeToSelect.id);
+      }
+    }
+  } else {
+    if (shiftKey) {
+      return;
+    } else {
+      if (selectedShapeIds.length > 0) {
+        editor.mark("selecting none");
+        editor.selectNone();
+      }
+      const focusedGroupId = editor.getFocusedGroupId();
+      if ((0, import_editor.isShapeId)(focusedGroupId)) {
+        const groupShape = editor.getShape(focusedGroupId);
+        if (!editor.isPointInShape(groupShape, currentPagePoint, { margin: 0, hitInside: true })) {
+          editor.setFocusedGroup(null);
+        }
+      }
+    }
+  }
+}
+//# sourceMappingURL=selectOnCanvasPointerUp.js.map

package/dist-cjs/lib/tools/selection-logic/selectOnCanvasPointerUp.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/selectOnCanvasPointerUp.ts"],
+  "sourcesContent": ["import { Editor, HIT_TEST_MARGIN, TLShape, isShapeId } from '@bigbluebutton/editor'\n\nexport function selectOnCanvasPointerUp(editor: Editor) {\n\tconst selectedShapeIds = editor.getSelectedShapeIds()\n\tconst { shiftKey, altKey, currentPagePoint } = editor.inputs\n\n\tconst hitShape = editor.getShapeAtPoint(currentPagePoint, {\n\t\thitInside: false,\n\t\tmargin: HIT_TEST_MARGIN / editor.getZoomLevel(),\n\t\thitLabels: true,\n\t\trenderingOnly: true,\n\t\tfilter: (shape) => !shape.isLocked,\n\t})\n\n\t// Note at the start: if we select a shape that is inside of a group,\n\t// the editor will automatically adjust the selection to the outermost\n\t// selectable shape (the group)\n\n\t// If the shape's outermost selected id (e.g. the group that contains\n\t// the shape) is not the same as the editor's only selected shape, then\n\t// we want to select the outermost selected shape instead of the shape\n\n\tif (hitShape) {\n\t\tconst outermostSelectableShape = editor.getOutermostSelectableShape(hitShape)\n\t\t// If the user is holding shift, they're either adding to or removing from\n\t\t// their selection.\n\t\tif (shiftKey && !altKey) {\n\t\t\teditor.cancelDoubleClick() // fuckin eh\n\n\t\t\tif (selectedShapeIds.includes(outermostSelectableShape.id)) {\n\t\t\t\t// Remove it from selected shapes\n\t\t\t\teditor.mark('deselecting shape')\n\t\t\t\teditor.deselect(outermostSelectableShape)\n\t\t\t} else {\n\t\t\t\t// Add it to selected shapes\n\t\t\t\teditor.mark('shift selecting shape')\n\t\t\t\teditor.setSelectedShapes([...selectedShapeIds, outermostSelectableShape.id])\n\t\t\t}\n\t\t} else {\n\t\t\tlet shapeToSelect: TLShape | undefined = undefined\n\n\t\t\tif (outermostSelectableShape === hitShape) {\n\t\t\t\t// There's no group around the shape, so we can select it.\n\t\t\t\tshapeToSelect = hitShape\n\t\t\t} else {\n\t\t\t\t// There's a group around the hit shape.\n\t\t\t\t// If the group is the current focus layer, OR if the group is\n\t\t\t\t// already selected, then we can select the shape inside the group.\n\t\t\t\t// Otherwise, if the group isn't selected and isn't our current\n\t\t\t\t// focus layer, then we need to select the group instead.\n\t\t\t\tif (\n\t\t\t\t\toutermostSelectableShape.id === editor.getFocusedGroupId() ||\n\t\t\t\t\tselectedShapeIds.includes(outermostSelectableShape.id)\n\t\t\t\t) {\n\t\t\t\t\tshapeToSelect = hitShape\n\t\t\t\t} else {\n\t\t\t\t\tshapeToSelect = outermostSelectableShape\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (shapeToSelect && !selectedShapeIds.includes(shapeToSelect.id)) {\n\t\t\t\teditor.mark('selecting shape')\n\t\t\t\teditor.select(shapeToSelect.id)\n\t\t\t}\n\t\t}\n\t} else {\n\t\t// We didn't hit anything...\n\t\tif (shiftKey) {\n\t\t\t// If we were holding shift, then it's a noop. We keep the\n\t\t\t// current selection because we didn't add anything to it\n\t\t\treturn\n\t\t} else {\n\t\t\t// Otherwise, we clear the selction because the user selected\n\t\t\t// nothing instead of their current selection.\n\n\t\t\tif (selectedShapeIds.length > 0) {\n\t\t\t\teditor.mark('selecting none')\n\t\t\t\teditor.selectNone()\n\t\t\t}\n\n\t\t\t// If the click was inside of the current focused group, then\n\t\t\t// we keep that focused group; otherwise we clear the focused\n\t\t\t// group (reset it to the page)\n\t\t\tconst focusedGroupId = editor.getFocusedGroupId()\n\n\t\t\tif (isShapeId(focusedGroupId)) {\n\t\t\t\tconst groupShape = editor.getShape(focusedGroupId)!\n\t\t\t\tif (!editor.isPointInShape(groupShape, currentPagePoint, { margin: 0, hitInside: true })) {\n\t\t\t\t\teditor.setFocusedGroup(null)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA4D;AAErD,SAAS,wBAAwB,QAAgB;AACvD,QAAM,mBAAmB,OAAO,oBAAoB;AACpD,QAAM,EAAE,UAAU,QAAQ,iBAAiB,IAAI,OAAO;AAEtD,QAAM,WAAW,OAAO,gBAAgB,kBAAkB;AAAA,IACzD,WAAW;AAAA,IACX,QAAQ,gCAAkB,OAAO,aAAa;AAAA,IAC9C,WAAW;AAAA,IACX,eAAe;AAAA,IACf,QAAQ,CAAC,UAAU,CAAC,MAAM;AAAA,EAC3B,CAAC;AAUD,MAAI,UAAU;AACb,UAAM,2BAA2B,OAAO,4BAA4B,QAAQ;AAG5E,QAAI,YAAY,CAAC,QAAQ;AACxB,aAAO,kBAAkB;AAEzB,UAAI,iBAAiB,SAAS,yBAAyB,EAAE,GAAG;AAE3D,eAAO,KAAK,mBAAmB;AAC/B,eAAO,SAAS,wBAAwB;AAAA,MACzC,OAAO;AAEN,eAAO,KAAK,uBAAuB;AACnC,eAAO,kBAAkB,CAAC,GAAG,kBAAkB,yBAAyB,EAAE,CAAC;AAAA,MAC5E;AAAA,IACD,OAAO;AACN,UAAI,gBAAqC;AAEzC,UAAI,6BAA6B,UAAU;AAE1C,wBAAgB;AAAA,MACjB,OAAO;AAMN,YACC,yBAAyB,OAAO,OAAO,kBAAkB,KACzD,iBAAiB,SAAS,yBAAyB,EAAE,GACpD;AACD,0BAAgB;AAAA,QACjB,OAAO;AACN,0BAAgB;AAAA,QACjB;AAAA,MACD;AAEA,UAAI,iBAAiB,CAAC,iBAAiB,SAAS,cAAc,EAAE,GAAG;AAClE,eAAO,KAAK,iBAAiB;AAC7B,eAAO,OAAO,cAAc,EAAE;AAAA,MAC/B;AAAA,IACD;AAAA,EACD,OAAO;AAEN,QAAI,UAAU;AAGb;AAAA,IACD,OAAO;AAIN,UAAI,iBAAiB,SAAS,GAAG;AAChC,eAAO,KAAK,gBAAgB;AAC5B,eAAO,WAAW;AAAA,MACnB;AAKA,YAAM,iBAAiB,OAAO,kBAAkB;AAEhD,cAAI,yBAAU,cAAc,GAAG;AAC9B,cAAM,aAAa,OAAO,SAAS,cAAc;AACjD,YAAI,CAAC,OAAO,eAAe,YAAY,kBAAkB,EAAE,QAAQ,GAAG,WAAW,KAAK,CAAC,GAAG;AACzF,iBAAO,gBAAgB,IAAI;AAAA,QAC5B;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": []
+}

package/dist-cjs/lib/tools/selection-logic/updateHoveredId.js

@@ -0,0 +1,47 @@
+"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 updateHoveredId_exports = {};
+__export(updateHoveredId_exports, {
+  updateHoveredId: () => updateHoveredId
+});
+module.exports = __toCommonJS(updateHoveredId_exports);
+var import_editor = require("@bigbluebutton/editor");
+function updateHoveredId(editor) {
+  const hitShape = editor.getShapeAtPoint(editor.inputs.currentPagePoint, {
+    hitInside: false,
+    hitLabels: false,
+    margin: import_editor.HIT_TEST_MARGIN / editor.getZoomLevel(),
+    renderingOnly: true
+  });
+  if (!hitShape)
+    return editor.setHoveredShape(null);
+  let shapeToHover = void 0;
+  const outermostShape = editor.getOutermostSelectableShape(hitShape);
+  if (outermostShape === hitShape) {
+    shapeToHover = hitShape;
+  } else {
+    if (outermostShape.id === editor.getFocusedGroupId() || editor.getSelectedShapeIds().includes(outermostShape.id)) {
+      shapeToHover = hitShape;
+    } else {
+      shapeToHover = outermostShape;
+    }
+  }
+  return editor.setHoveredShape(shapeToHover.id);
+}
+//# sourceMappingURL=updateHoveredId.js.map

package/dist-cjs/lib/tools/selection-logic/updateHoveredId.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/tools/selection-logic/updateHoveredId.ts"],
+  "sourcesContent": ["import { Editor, HIT_TEST_MARGIN, TLShape } from '@bigbluebutton/editor'\n\nexport function updateHoveredId(editor: Editor) {\n\t// todo: consider replacing `get hoveredShapeId` with this; it would mean keeping hoveredShapeId in memory rather than in the store and possibly re-computing it more often than necessary\n\tconst hitShape = editor.getShapeAtPoint(editor.inputs.currentPagePoint, {\n\t\thitInside: false,\n\t\thitLabels: false,\n\t\tmargin: HIT_TEST_MARGIN / editor.getZoomLevel(),\n\t\trenderingOnly: true,\n\t})\n\n\tif (!hitShape) return editor.setHoveredShape(null)\n\n\tlet shapeToHover: TLShape | undefined = undefined\n\n\tconst outermostShape = editor.getOutermostSelectableShape(hitShape)\n\n\tif (outermostShape === hitShape) {\n\t\tshapeToHover = hitShape\n\t} else {\n\t\tif (\n\t\t\toutermostShape.id === editor.getFocusedGroupId() ||\n\t\t\teditor.getSelectedShapeIds().includes(outermostShape.id)\n\t\t) {\n\t\t\tshapeToHover = hitShape\n\t\t} else {\n\t\t\tshapeToHover = outermostShape\n\t\t}\n\t}\n\n\treturn editor.setHoveredShape(shapeToHover.id)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAiD;AAE1C,SAAS,gBAAgB,QAAgB;AAE/C,QAAM,WAAW,OAAO,gBAAgB,OAAO,OAAO,kBAAkB;AAAA,IACvE,WAAW;AAAA,IACX,WAAW;AAAA,IACX,QAAQ,gCAAkB,OAAO,aAAa;AAAA,IAC9C,eAAe;AAAA,EAChB,CAAC;AAED,MAAI,CAAC;AAAU,WAAO,OAAO,gBAAgB,IAAI;AAEjD,MAAI,eAAoC;AAExC,QAAM,iBAAiB,OAAO,4BAA4B,QAAQ;AAElE,MAAI,mBAAmB,UAAU;AAChC,mBAAe;AAAA,EAChB,OAAO;AACN,QACC,eAAe,OAAO,OAAO,kBAAkB,KAC/C,OAAO,oBAAoB,EAAE,SAAS,eAAe,EAAE,GACtD;AACD,qBAAe;AAAA,IAChB,OAAO;AACN,qBAAe;AAAA,IAChB;AAAA,EACD;AAEA,SAAO,OAAO,gBAAgB,aAAa,EAAE;AAC9C;",
+  "names": []
+}

package/dist-cjs/lib/ui/TldrawUi.js

@@ -0,0 +1,155 @@
+"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 TldrawUi_exports = {};
+__export(TldrawUi_exports, {
+  TldrawUi: () => TldrawUi
+});
+module.exports = __toCommonJS(TldrawUi_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react_toast = require("@radix-ui/react-toast");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_TldrawUiContextProvider = require("./TldrawUiContextProvider");
+var import_BackToContent = require("./components/BackToContent");
+var import_DebugPanel = require("./components/DebugPanel");
+var import_Dialogs = require("./components/Dialogs");
+var import_FollowingIndicator = require("./components/FollowingIndicator");
+var import_HelpMenu = require("./components/HelpMenu");
+var import_MenuZone = require("./components/MenuZone");
+var import_NavigationZone = require("./components/NavigationZone/NavigationZone");
+var import_PenModeToggle = require("./components/PenModeToggle");
+var import_StopFollowing = require("./components/StopFollowing");
+var import_StylePanel = require("./components/StylePanel/StylePanel");
+var import_Toasts = require("./components/Toasts");
+var import_Toolbar = require("./components/Toolbar/Toolbar");
+var import_Button = require("./components/primitives/Button");
+var import_useActions = require("./hooks/useActions");
+var import_useBreakpoint = require("./hooks/useBreakpoint");
+var import_useClipboardEvents = require("./hooks/useClipboardEvents");
+var import_useEditorEvents = require("./hooks/useEditorEvents");
+var import_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts");
+var import_useTranslation = require("./hooks/useTranslation/useTranslation");
+const TldrawUi = import_react.default.memo(function TldrawUi2({
+  shareZone,
+  topZone,
+  renderDebugMenuItems,
+  children,
+  hideUi,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TldrawUiContextProvider.TldrawUiContextProvider, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    TldrawUiInner,
+    {
+      hideUi,
+      shareZone,
+      topZone,
+      renderDebugMenuItems,
+      children
+    }
+  ) });
+});
+const TldrawUiInner = import_react.default.memo(function TldrawUiInner2({
+  children,
+  hideUi,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    children,
+    hideUi ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TldrawUiContent, { ...rest })
+  ] });
+});
+const TldrawUiContent = import_react.default.memo(function TldrawUI({
+  shareZone,
+  topZone,
+  renderDebugMenuItems
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const msg = (0, import_useTranslation.useTranslation)();
+  const breakpoint = (0, import_useBreakpoint.useBreakpoint)();
+  const isReadonlyMode = (0, import_editor.useValue)("isReadonlyMode", () => editor.getInstanceState().isReadonly, [
+    editor
+  ]);
+  const isFocusMode = (0, import_editor.useValue)("focus", () => editor.getInstanceState().isFocusMode, [editor]);
+  const isDebugMode = (0, import_editor.useValue)("debug", () => editor.getInstanceState().isDebugMode, [editor]);
+  (0, import_useKeyboardShortcuts.useKeyboardShortcuts)();
+  (0, import_useClipboardEvents.useNativeClipboardEvents)();
+  (0, import_useEditorEvents.useEditorEvents)();
+  const { "toggle-focus-mode": toggleFocus } = (0, import_useActions.useActions)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_toast.ToastProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_classnames.default)("tlui-layout", {
+        "tlui-layout__mobile": breakpoint < 5
+      }),
+      "data-breakpoint": breakpoint,
+      children: [
+        isFocusMode ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tlui-layout__top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Button.Button,
+          {
+            type: "icon",
+            className: "tlui-focus-button",
+            title: `${msg("focus-mode.toggle-focus-mode")}`,
+            icon: "dot",
+            onClick: () => toggleFocus.onSelect("menu")
+          }
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-layout__top", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-layout__top__left", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MenuZone.MenuZone, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-helper-buttons", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PenModeToggle.ExitPenMode, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BackToContent.BackToContent, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StopFollowing.StopFollowing, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tlui-layout__top__center", children: topZone }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-layout__top__right", children: [
+              shareZone,
+              breakpoint >= 5 && !isReadonlyMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tlui-style-panel__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StylePanel.StylePanel, {}) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-layout__bottom", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tlui-layout__bottom__main", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavigationZone.NavigationZone, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toolbar.Toolbar, {}),
+              breakpoint >= 4 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HelpMenu.HelpMenu, {})
+            ] }),
+            isDebugMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DebugPanel.DebugPanel, { renderDebugMenuItems: renderDebugMenuItems ?? null })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toasts.Toasts, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Dialogs.Dialogs, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Toasts.ToastViewport, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FollowingIndicator.FollowingIndicator, {})
+      ]
+    }
+  ) });
+});
+//# sourceMappingURL=TldrawUi.js.map

package/dist-cjs/lib/ui/TldrawUi.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/TldrawUi.tsx"],
+  "sourcesContent": ["import { useEditor, useValue } from '@bigbluebutton/editor'\nimport { ToastProvider } from '@radix-ui/react-toast'\nimport classNames from 'classnames'\nimport React, { ReactNode } from 'react'\nimport { TldrawUiContextProvider, TldrawUiContextProviderProps } from './TldrawUiContextProvider'\nimport { TLUiAssetUrlOverrides } from './assetUrls'\nimport { BackToContent } from './components/BackToContent'\nimport { DebugPanel } from './components/DebugPanel'\nimport { Dialogs } from './components/Dialogs'\nimport { FollowingIndicator } from './components/FollowingIndicator'\nimport { HelpMenu } from './components/HelpMenu'\nimport { MenuZone } from './components/MenuZone'\nimport { NavigationZone } from './components/NavigationZone/NavigationZone'\nimport { ExitPenMode } from './components/PenModeToggle'\nimport { StopFollowing } from './components/StopFollowing'\nimport { StylePanel } from './components/StylePanel/StylePanel'\nimport { ToastViewport, Toasts } from './components/Toasts'\nimport { Toolbar } from './components/Toolbar/Toolbar'\nimport { Button } from './components/primitives/Button'\nimport { useActions } from './hooks/useActions'\nimport { useBreakpoint } from './hooks/useBreakpoint'\nimport { useNativeClipboardEvents } from './hooks/useClipboardEvents'\nimport { useEditorEvents } from './hooks/useEditorEvents'\nimport { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts'\nimport { useTranslation } from './hooks/useTranslation/useTranslation'\n\n/**\n * Props for the {@link @bigbluebutton/tldraw#Tldraw} and {@link TldrawUi} components.\n *\n * @public\n */\nexport type TldrawUiProps = TldrawUiBaseProps & TldrawUiContextProviderProps\n\n/**\n * Base props for the {@link @bigbluebutton/tldraw#Tldraw} and {@link TldrawUi} components.\n *\n * @public\n */\nexport interface TldrawUiBaseProps {\n\t/**\n\t * The component's children.\n\t */\n\tchildren?: ReactNode\n\n\t/**\n\t * Whether to hide the user interface and only display the canvas.\n\t */\n\thideUi?: boolean\n\n\t/**\n\t * A component to use for the share zone (will be deprecated)\n\t */\n\tshareZone?: ReactNode\n\n\t/**\n\t * A component to use for the top zone (will be deprecated)\n\t * @internal\n\t */\n\ttopZone?: ReactNode\n\n\t/**\n\t * Additional items to add to the debug menu (will be deprecated)\n\t */\n\trenderDebugMenuItems?: () => React.ReactNode\n\n\t/** Asset URL override. */\n\tassetUrls?: TLUiAssetUrlOverrides\n}\n\n/**\n * @public\n */\nexport const TldrawUi = React.memo(function TldrawUi({\n\tshareZone,\n\ttopZone,\n\trenderDebugMenuItems,\n\tchildren,\n\thideUi,\n\t...rest\n}: TldrawUiProps) {\n\treturn (\n\t\t<TldrawUiContextProvider {...rest}>\n\t\t\t<TldrawUiInner\n\t\t\t\thideUi={hideUi}\n\t\t\t\tshareZone={shareZone}\n\t\t\t\ttopZone={topZone}\n\t\t\t\trenderDebugMenuItems={renderDebugMenuItems}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</TldrawUiInner>\n\t\t</TldrawUiContextProvider>\n\t)\n})\n\ntype TldrawUiContentProps = {\n\thideUi?: boolean\n\tshareZone?: ReactNode\n\ttopZone?: ReactNode\n\trenderDebugMenuItems?: () => React.ReactNode\n}\n\nconst TldrawUiInner = React.memo(function TldrawUiInner({\n\tchildren,\n\thideUi,\n\t...rest\n}: TldrawUiContentProps & { children: ReactNode }) {\n\t// The hideUi prop should prevent the UI from mounting.\n\t// If we ever need want the UI to mount and preserve state, then\n\t// we should change this behavior and hide the UI via CSS instead.\n\n\treturn (\n\t\t<>\n\t\t\t{children}\n\t\t\t{hideUi ? null : <TldrawUiContent {...rest} />}\n\t\t</>\n\t)\n})\n\nconst TldrawUiContent = React.memo(function TldrawUI({\n\tshareZone,\n\ttopZone,\n\trenderDebugMenuItems,\n}: TldrawUiContentProps) {\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\tconst breakpoint = useBreakpoint()\n\tconst isReadonlyMode = useValue('isReadonlyMode', () => editor.getInstanceState().isReadonly, [\n\t\teditor,\n\t])\n\tconst isFocusMode = useValue('focus', () => editor.getInstanceState().isFocusMode, [editor])\n\tconst isDebugMode = useValue('debug', () => editor.getInstanceState().isDebugMode, [editor])\n\n\tuseKeyboardShortcuts()\n\tuseNativeClipboardEvents()\n\tuseEditorEvents()\n\n\tconst { 'toggle-focus-mode': toggleFocus } = useActions()\n\n\treturn (\n\t\t<ToastProvider>\n\t\t\t<div\n\t\t\t\tclassName={classNames('tlui-layout', {\n\t\t\t\t\t'tlui-layout__mobile': breakpoint < 5,\n\t\t\t\t})}\n\t\t\t\tdata-breakpoint={breakpoint}\n\t\t\t>\n\t\t\t\t{isFocusMode ? (\n\t\t\t\t\t<div className=\"tlui-layout__top\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\t\t\tclassName=\"tlui-focus-button\"\n\t\t\t\t\t\t\ttitle={`${msg('focus-mode.toggle-focus-mode')}`}\n\t\t\t\t\t\t\ticon=\"dot\"\n\t\t\t\t\t\t\tonClick={() => toggleFocus.onSelect('menu')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"tlui-layout__top\">\n\t\t\t\t\t\t\t<div className=\"tlui-layout__top__left\">\n\t\t\t\t\t\t\t\t<MenuZone />\n\t\t\t\t\t\t\t\t<div className=\"tlui-helper-buttons\">\n\t\t\t\t\t\t\t\t\t<ExitPenMode />\n\t\t\t\t\t\t\t\t\t<BackToContent />\n\t\t\t\t\t\t\t\t\t<StopFollowing />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"tlui-layout__top__center\">{topZone}</div>\n\t\t\t\t\t\t\t<div className=\"tlui-layout__top__right\">\n\t\t\t\t\t\t\t\t{shareZone}\n\t\t\t\t\t\t\t\t{breakpoint >= 5 && !isReadonlyMode && (\n\t\t\t\t\t\t\t\t\t<div className=\"tlui-style-panel__wrapper\">\n\t\t\t\t\t\t\t\t\t\t<StylePanel />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"tlui-layout__bottom\">\n\t\t\t\t\t\t\t<div className=\"tlui-layout__bottom__main\">\n\t\t\t\t\t\t\t\t<NavigationZone />\n\t\t\t\t\t\t\t\t<Toolbar />\n\t\t\t\t\t\t\t\t{breakpoint >= 4 && <HelpMenu />}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{isDebugMode && <DebugPanel renderDebugMenuItems={renderDebugMenuItems ?? null} />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t<Toasts />\n\t\t\t\t<Dialogs />\n\t\t\t\t<ToastViewport />\n\t\t\t\t<FollowingIndicator />\n\t\t\t</div>\n\t\t</ToastProvider>\n\t)\n})\n"],
+  "mappings": "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",
+  "names": ["React", "TldrawUi", "TldrawUiInner", "classNames"]
+}

package/dist-cjs/lib/ui/TldrawUiContextProvider.js

@@ -0,0 +1,57 @@
+"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 TldrawUiContextProvider_exports = {};
+__export(TldrawUiContextProvider_exports, {
+  TldrawUiContextProvider: () => TldrawUiContextProvider
+});
+module.exports = __toCommonJS(TldrawUiContextProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_assetUrls = require("./assetUrls");
+var import_useActions = require("./hooks/useActions");
+var import_useActionsMenuSchema = require("./hooks/useActionsMenuSchema");
+var import_useAssetUrls = require("./hooks/useAssetUrls");
+var import_useBreakpoint = require("./hooks/useBreakpoint");
+var import_useContextMenuSchema = require("./hooks/useContextMenuSchema");
+var import_useDialogsProvider = require("./hooks/useDialogsProvider");
+var import_useEventsProvider = require("./hooks/useEventsProvider");
+var import_useHelpMenuSchema = require("./hooks/useHelpMenuSchema");
+var import_useKeyboardShortcutsSchema = require("./hooks/useKeyboardShortcutsSchema");
+var import_useMenuSchema = require("./hooks/useMenuSchema");
+var import_useToastsProvider = require("./hooks/useToastsProvider");
+var import_useToolbarSchema = require("./hooks/useToolbarSchema");
+var import_useTools = require("./hooks/useTools");
+var import_useTranslation = require("./hooks/useTranslation/useTranslation");
+var import_overrides = require("./overrides");
+function TldrawUiContextProvider({
+  overrides,
+  assetUrls,
+  onUiEvent,
+  forceMobile,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useAssetUrls.AssetUrlsProvider, { assetUrls: (0, import_assetUrls.useDefaultUiAssetUrlsWithOverrides)(assetUrls), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useTranslation.TranslationProvider, { overrides: (0, import_overrides.useMergedTranslationOverrides)(overrides), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useEventsProvider.UiEventsProvider, { onEvent: onUiEvent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useToastsProvider.ToastsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useDialogsProvider.DialogsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useBreakpoint.BreakPointProvider, { forceMobile, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InternalProviders, { overrides, children }) }) }) }) }) }) });
+}
+function InternalProviders({
+  overrides,
+  children
+}) {
+  const mergedOverrides = (0, import_overrides.useMergedOverrides)(overrides);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useActions.ActionsProvider, { overrides: mergedOverrides.actions, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useTools.ToolsProvider, { overrides: mergedOverrides.tools, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useToolbarSchema.ToolbarSchemaProvider, { overrides: mergedOverrides.toolbar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useActionsMenuSchema.ActionsMenuSchemaProvider, { overrides: mergedOverrides.actionsMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useKeyboardShortcutsSchema.KeyboardShortcutsSchemaProvider, { overrides: mergedOverrides.keyboardShortcutsMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useContextMenuSchema.TLUiContextMenuSchemaProvider, { overrides: mergedOverrides.contextMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useHelpMenuSchema.HelpMenuSchemaProvider, { overrides: mergedOverrides.helpMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_useMenuSchema.TLUiMenuSchemaProvider, { overrides: mergedOverrides.menu, children }) }) }) }) }) }) }) });
+}
+//# sourceMappingURL=TldrawUiContextProvider.js.map

package/dist-cjs/lib/ui/TldrawUiContextProvider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/TldrawUiContextProvider.tsx"],
+  "sourcesContent": ["import { RecursivePartial } from '@bigbluebutton/editor'\nimport { TLUiAssetUrls, useDefaultUiAssetUrlsWithOverrides } from './assetUrls'\nimport { ActionsProvider } from './hooks/useActions'\nimport { ActionsMenuSchemaProvider } from './hooks/useActionsMenuSchema'\nimport { AssetUrlsProvider } from './hooks/useAssetUrls'\nimport { BreakPointProvider } from './hooks/useBreakpoint'\nimport { TLUiContextMenuSchemaProvider } from './hooks/useContextMenuSchema'\nimport { DialogsProvider } from './hooks/useDialogsProvider'\nimport { TLUiEventHandler, UiEventsProvider } from './hooks/useEventsProvider'\nimport { HelpMenuSchemaProvider } from './hooks/useHelpMenuSchema'\nimport { KeyboardShortcutsSchemaProvider } from './hooks/useKeyboardShortcutsSchema'\nimport { TLUiMenuSchemaProvider } from './hooks/useMenuSchema'\nimport { ToastsProvider } from './hooks/useToastsProvider'\nimport { ToolbarSchemaProvider } from './hooks/useToolbarSchema'\nimport { ToolsProvider } from './hooks/useTools'\nimport { TranslationProvider } from './hooks/useTranslation/useTranslation'\nimport { TLUiOverrides, useMergedOverrides, useMergedTranslationOverrides } from './overrides'\n\n/**\n * Props for the {@link @bigbluebutton/tldraw#Tldraw} and {@link TldrawUi} components.\n *\n * @public\n **/\nexport interface TldrawUiContextProviderProps {\n\t/**\n\t * Urls for where to find fonts and other assets for the UI.\n\t */\n\tassetUrls?: RecursivePartial<TLUiAssetUrls>\n\n\t/**\n\t * Overrides for the UI.\n\t */\n\toverrides?: TLUiOverrides | TLUiOverrides[]\n\n\t/**\n\t * Callback for when an event occurs in the UI.\n\t */\n\tonUiEvent?: TLUiEventHandler\n\n\t/**\n\t * Whether to always should the mobile breakpoints.\n\t */\n\tforceMobile?: boolean\n\n\t/**\n\t * The component's children.\n\t */\n\tchildren?: any\n}\n\n/** @public */\nexport function TldrawUiContextProvider({\n\toverrides,\n\tassetUrls,\n\tonUiEvent,\n\tforceMobile,\n\tchildren,\n}: TldrawUiContextProviderProps) {\n\treturn (\n\t\t<AssetUrlsProvider assetUrls={useDefaultUiAssetUrlsWithOverrides(assetUrls)}>\n\t\t\t<TranslationProvider overrides={useMergedTranslationOverrides(overrides)}>\n\t\t\t\t<UiEventsProvider onEvent={onUiEvent}>\n\t\t\t\t\t<ToastsProvider>\n\t\t\t\t\t\t<DialogsProvider>\n\t\t\t\t\t\t\t<BreakPointProvider forceMobile={forceMobile}>\n\t\t\t\t\t\t\t\t<InternalProviders overrides={overrides}>{children}</InternalProviders>\n\t\t\t\t\t\t\t</BreakPointProvider>\n\t\t\t\t\t\t</DialogsProvider>\n\t\t\t\t\t</ToastsProvider>\n\t\t\t\t</UiEventsProvider>\n\t\t\t</TranslationProvider>\n\t\t</AssetUrlsProvider>\n\t)\n}\nfunction InternalProviders({\n\toverrides,\n\tchildren,\n}: Omit<TldrawUiContextProviderProps, 'assetBaseUrl'>) {\n\tconst mergedOverrides = useMergedOverrides(overrides)\n\treturn (\n\t\t<ActionsProvider overrides={mergedOverrides.actions}>\n\t\t\t<ToolsProvider overrides={mergedOverrides.tools}>\n\t\t\t\t<ToolbarSchemaProvider overrides={mergedOverrides.toolbar}>\n\t\t\t\t\t<ActionsMenuSchemaProvider overrides={mergedOverrides.actionsMenu}>\n\t\t\t\t\t\t<KeyboardShortcutsSchemaProvider overrides={mergedOverrides.keyboardShortcutsMenu}>\n\t\t\t\t\t\t\t<TLUiContextMenuSchemaProvider overrides={mergedOverrides.contextMenu}>\n\t\t\t\t\t\t\t\t<HelpMenuSchemaProvider overrides={mergedOverrides.helpMenu}>\n\t\t\t\t\t\t\t\t\t<TLUiMenuSchemaProvider overrides={mergedOverrides.menu}>\n\t\t\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t\t\t</TLUiMenuSchemaProvider>\n\t\t\t\t\t\t\t\t</HelpMenuSchemaProvider>\n\t\t\t\t\t\t\t</TLUiContextMenuSchemaProvider>\n\t\t\t\t\t\t</KeyboardShortcutsSchemaProvider>\n\t\t\t\t\t</ActionsMenuSchemaProvider>\n\t\t\t\t</ToolbarSchemaProvider>\n\t\t\t</ToolsProvider>\n\t\t</ActionsProvider>\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEQ;AAhER,uBAAkE;AAClE,wBAAgC;AAChC,kCAA0C;AAC1C,0BAAkC;AAClC,2BAAmC;AACnC,kCAA8C;AAC9C,gCAAgC;AAChC,+BAAmD;AACnD,+BAAuC;AACvC,wCAAgD;AAChD,2BAAuC;AACvC,+BAA+B;AAC/B,8BAAsC;AACtC,sBAA8B;AAC9B,4BAAoC;AACpC,uBAAiF;AAmC1E,SAAS,wBAAwB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAiC;AAChC,SACC,4CAAC,yCAAkB,eAAW,qDAAmC,SAAS,GACzE,sDAAC,6CAAoB,eAAW,gDAA8B,SAAS,GACtE,sDAAC,6CAAiB,SAAS,WAC1B,sDAAC,2CACA,sDAAC,6CACA,sDAAC,2CAAmB,aACnB,sDAAC,qBAAkB,WAAuB,UAAS,GACpD,GACD,GACD,GACD,GACD,GACD;AAEF;AACA,SAAS,kBAAkB;AAAA,EAC1B;AAAA,EACA;AACD,GAAuD;AACtD,QAAM,sBAAkB,qCAAmB,SAAS;AACpD,SACC,4CAAC,qCAAgB,WAAW,gBAAgB,SAC3C,sDAAC,iCAAc,WAAW,gBAAgB,OACzC,sDAAC,iDAAsB,WAAW,gBAAgB,SACjD,sDAAC,yDAA0B,WAAW,gBAAgB,aACrD,sDAAC,qEAAgC,WAAW,gBAAgB,uBAC3D,sDAAC,6DAA8B,WAAW,gBAAgB,aACzD,sDAAC,mDAAuB,WAAW,gBAAgB,UAClD,sDAAC,+CAAuB,WAAW,gBAAgB,MACjD,UACF,GACD,GACD,GACD,GACD,GACD,GACD,GACD;AAEF;",
+  "names": []
+}

package/dist-cjs/lib/ui/assetUrls.js

@@ -0,0 +1,67 @@
+"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 assetUrls_exports = {};
+__export(assetUrls_exports, {
+  defaultUiAssetUrls: () => defaultUiAssetUrls,
+  setDefaultUiAssetUrls: () => setDefaultUiAssetUrls,
+  useDefaultUiAssetUrlsWithOverrides: () => useDefaultUiAssetUrlsWithOverrides
+});
+module.exports = __toCommonJS(assetUrls_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_version = require("../ui/version");
+var import_assetUrls = require("../utils/static-assets/assetUrls");
+var import_icon_types = require("./icon-types");
+let defaultUiAssetUrls = {
+  ...import_assetUrls.defaultEditorAssetUrls,
+  icons: Object.fromEntries(
+    import_icon_types.iconTypes.map((name) => [
+      name,
+      `https://unpkg.com/@bigbluebutton/assets@${import_version.version}/icons/icon/${name}.svg`
+    ])
+  ),
+  translations: Object.fromEntries(
+    import_editor.LANGUAGES.map((lang) => [
+      lang.locale,
+      `https://unpkg.com/@bigbluebutton/assets@${import_version.version}/translations/${lang.locale}.json`
+    ])
+  ),
+  embedIcons: Object.fromEntries(
+    import_editor.EMBED_DEFINITIONS.map((def) => [
+      def.type,
+      `https://unpkg.com/@bigbluebutton/assets@${import_version.version}/embed-icons/${def.type}.png`
+    ])
+  )
+};
+function setDefaultUiAssetUrls(urls) {
+  defaultUiAssetUrls = urls;
+}
+function useDefaultUiAssetUrlsWithOverrides(overrides) {
+  if (!overrides)
+    return defaultUiAssetUrls;
+  return {
+    fonts: Object.assign({ ...defaultUiAssetUrls.fonts }, { ...overrides?.fonts }),
+    icons: Object.assign({ ...defaultUiAssetUrls.icons }, { ...overrides?.icons }),
+    embedIcons: Object.assign({ ...defaultUiAssetUrls.embedIcons }, { ...overrides?.embedIcons }),
+    translations: Object.assign(
+      { ...defaultUiAssetUrls.translations },
+      { ...overrides?.translations }
+    )
+  };
+}
+//# sourceMappingURL=assetUrls.js.map

package/dist-cjs/lib/ui/assetUrls.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/assetUrls.ts"],
+  "sourcesContent": ["import { EMBED_DEFINITIONS, LANGUAGES, RecursivePartial } from '@bigbluebutton/editor'\nimport { version } from '../ui/version'\nimport { TLEditorAssetUrls, defaultEditorAssetUrls } from '../utils/static-assets/assetUrls'\nimport { TLUiIconType, iconTypes } from './icon-types'\n\nexport type TLUiAssetUrls = TLEditorAssetUrls & {\n\ticons: Record<TLUiIconType | Exclude<string, TLUiIconType>, string>\n\ttranslations: Record<(typeof LANGUAGES)[number]['locale'], string>\n\tembedIcons: Record<(typeof EMBED_DEFINITIONS)[number]['type'], string>\n}\n\n/** @public */\nexport type TLUiAssetUrlOverrides = RecursivePartial<TLUiAssetUrls>\n\nexport let defaultUiAssetUrls: TLUiAssetUrls = {\n\t...defaultEditorAssetUrls,\n\ticons: Object.fromEntries(\n\t\ticonTypes.map((name) => [\n\t\t\tname,\n\t\t\t`https://unpkg.com/@bigbluebutton/assets@${version}/icons/icon/${name}.svg`,\n\t\t])\n\t) as Record<TLUiIconType, string>,\n\ttranslations: Object.fromEntries(\n\t\tLANGUAGES.map((lang) => [\n\t\t\tlang.locale,\n\t\t\t`https://unpkg.com/@bigbluebutton/assets@${version}/translations/${lang.locale}.json`,\n\t\t])\n\t) as Record<(typeof LANGUAGES)[number]['locale'], string>,\n\tembedIcons: Object.fromEntries(\n\t\tEMBED_DEFINITIONS.map((def) => [\n\t\t\tdef.type,\n\t\t\t`https://unpkg.com/@bigbluebutton/assets@${version}/embed-icons/${def.type}.png`,\n\t\t])\n\t) as Record<(typeof EMBED_DEFINITIONS)[number]['type'], string>,\n}\n\n/** @internal */\nexport function setDefaultUiAssetUrls(urls: TLUiAssetUrls) {\n\tdefaultUiAssetUrls = urls\n}\n\n/** @internal */\nexport function useDefaultUiAssetUrlsWithOverrides(\n\toverrides?: RecursivePartial<TLUiAssetUrls>\n): TLUiAssetUrls {\n\tif (!overrides) return defaultUiAssetUrls\n\n\treturn {\n\t\tfonts: Object.assign({ ...defaultUiAssetUrls.fonts }, { ...overrides?.fonts }),\n\t\ticons: Object.assign({ ...defaultUiAssetUrls.icons }, { ...overrides?.icons }),\n\t\tembedIcons: Object.assign({ ...defaultUiAssetUrls.embedIcons }, { ...overrides?.embedIcons }),\n\t\ttranslations: Object.assign(\n\t\t\t{ ...defaultUiAssetUrls.translations },\n\t\t\t{ ...overrides?.translations }\n\t\t),\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA+D;AAC/D,qBAAwB;AACxB,uBAA0D;AAC1D,wBAAwC;AAWjC,IAAI,qBAAoC;AAAA,EAC9C,GAAG;AAAA,EACH,OAAO,OAAO;AAAA,IACb,4BAAU,IAAI,CAAC,SAAS;AAAA,MACvB;AAAA,MACA,2CAA2C,sBAAO,eAAe,IAAI;AAAA,IACtE,CAAC;AAAA,EACF;AAAA,EACA,cAAc,OAAO;AAAA,IACpB,wBAAU,IAAI,CAAC,SAAS;AAAA,MACvB,KAAK;AAAA,MACL,2CAA2C,sBAAO,iBAAiB,KAAK,MAAM;AAAA,IAC/E,CAAC;AAAA,EACF;AAAA,EACA,YAAY,OAAO;AAAA,IAClB,gCAAkB,IAAI,CAAC,QAAQ;AAAA,MAC9B,IAAI;AAAA,MACJ,2CAA2C,sBAAO,gBAAgB,IAAI,IAAI;AAAA,IAC3E,CAAC;AAAA,EACF;AACD;AAGO,SAAS,sBAAsB,MAAqB;AAC1D,uBAAqB;AACtB;AAGO,SAAS,mCACf,WACgB;AAChB,MAAI,CAAC;AAAW,WAAO;AAEvB,SAAO;AAAA,IACN,OAAO,OAAO,OAAO,EAAE,GAAG,mBAAmB,MAAM,GAAG,EAAE,GAAG,WAAW,MAAM,CAAC;AAAA,IAC7E,OAAO,OAAO,OAAO,EAAE,GAAG,mBAAmB,MAAM,GAAG,EAAE,GAAG,WAAW,MAAM,CAAC;AAAA,IAC7E,YAAY,OAAO,OAAO,EAAE,GAAG,mBAAmB,WAAW,GAAG,EAAE,GAAG,WAAW,WAAW,CAAC;AAAA,IAC5F,cAAc,OAAO;AAAA,MACpB,EAAE,GAAG,mBAAmB,aAAa;AAAA,MACrC,EAAE,GAAG,WAAW,aAAa;AAAA,IAC9B;AAAA,EACD;AACD;",
+  "names": []
+}