@bigbluebutton/tldraw 2.0.0-alpha.19

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

@@ -0,0 +1,228 @@
+"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 useContextMenuSchema_exports = {};
+__export(useContextMenuSchema_exports, {
+  TLUiContextMenuSchemaContext: () => TLUiContextMenuSchemaContext,
+  TLUiContextMenuSchemaProvider: () => TLUiContextMenuSchemaProvider,
+  useContextMenuSchema: () => useContextMenuSchema
+});
+module.exports = __toCommonJS(useContextMenuSchema_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = __toESM(require("react"));
+var import_menuHelpers = require("./menuHelpers");
+var import_useActions = require("./useActions");
+var import_useHasLinkShapeSelected = require("./useHasLinkShapeSelected");
+var import_useOnlyFlippableShape = require("./useOnlyFlippableShape");
+var import_useShowAutoSizeToggle = require("./useShowAutoSizeToggle");
+const TLUiContextMenuSchemaContext = import_react.default.createContext(
+  {}
+);
+const TLUiContextMenuSchemaProvider = (0, import_editor.track)(function TLUiContextMenuSchemaProvider2({
+  overrides,
+  children
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const actions = (0, import_useActions.useActions)();
+  const showAutoSizeToggle = (0, import_useShowAutoSizeToggle.useShowAutoSizeToggle)();
+  const onlyFlippableShapeSelected = (0, import_useOnlyFlippableShape.useOnlyFlippableShape)();
+  const selectedShapes = editor.getSelectedShapes();
+  const selectedCount = selectedShapes.length;
+  const oneSelected = selectedCount > 0;
+  const twoSelected = selectedCount > 1;
+  const threeSelected = selectedCount > 2;
+  const threeStackableItems = (0, import_menuHelpers.useThreeStackableItems)();
+  const atLeastOneShapeOnPage = (0, import_editor.useValue)(
+    "atLeastOneShapeOnPage",
+    () => editor.getCurrentPageShapeIds().size > 0,
+    []
+  );
+  const isTransparentBg = (0, import_editor.useValue)(
+    "isTransparentBg",
+    () => editor.getInstanceState().exportBackground,
+    []
+  );
+  const allowGroup = (0, import_menuHelpers.useAllowGroup)();
+  const allowUngroup = (0, import_menuHelpers.useAllowUngroup)();
+  const hasClipboardWrite = Boolean(window.navigator.clipboard?.write);
+  const showEditLink = (0, import_useHasLinkShapeSelected.useHasLinkShapeSelected)();
+  const onlySelectedShape = editor.getOnlySelectedShape();
+  const allowRemoveFrame = oneSelected && selectedShapes.every((shape) => editor.isShapeOfType(shape, "frame"));
+  const allowFitFrameToContent = onlySelectedShape && editor.isShapeOfType(onlySelectedShape, "frame") && editor.getSortedChildIdsForParent(onlySelectedShape).length > 0;
+  const isShapeLocked = onlySelectedShape && editor.isShapeOrAncestorLocked(onlySelectedShape);
+  const contextTLUiMenuSchema = (0, import_react.useMemo)(() => {
+    let contextTLUiMenuSchema2 = (0, import_menuHelpers.compactMenuItems)([
+      (0, import_menuHelpers.menuGroup)(
+        "selection",
+        showAutoSizeToggle && (0, import_menuHelpers.menuItem)(actions["toggle-auto-size"]),
+        showEditLink && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["edit-link"]),
+        oneSelected && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["duplicate"]),
+        allowGroup && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["group"]),
+        allowUngroup && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["ungroup"]),
+        allowRemoveFrame && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["remove-frame"]),
+        allowFitFrameToContent && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["fit-frame-to-content"]),
+        oneSelected && (0, import_menuHelpers.menuItem)(actions["toggle-lock"])
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "modify",
+        (twoSelected || onlyFlippableShapeSelected) && (0, import_menuHelpers.menuSubmenu)(
+          "arrange",
+          "context-menu.arrange",
+          twoSelected && (0, import_menuHelpers.menuGroup)(
+            "align",
+            (0, import_menuHelpers.menuItem)(actions["align-left"]),
+            (0, import_menuHelpers.menuItem)(actions["align-center-horizontal"]),
+            (0, import_menuHelpers.menuItem)(actions["align-right"]),
+            (0, import_menuHelpers.menuItem)(actions["align-top"]),
+            (0, import_menuHelpers.menuItem)(actions["align-center-vertical"]),
+            (0, import_menuHelpers.menuItem)(actions["align-bottom"])
+          ),
+          threeSelected && (0, import_menuHelpers.menuGroup)(
+            "distribute",
+            (0, import_menuHelpers.menuItem)(actions["distribute-horizontal"]),
+            (0, import_menuHelpers.menuItem)(actions["distribute-vertical"])
+          ),
+          twoSelected && (0, import_menuHelpers.menuGroup)(
+            "stretch",
+            (0, import_menuHelpers.menuItem)(actions["stretch-horizontal"]),
+            (0, import_menuHelpers.menuItem)(actions["stretch-vertical"])
+          ),
+          onlyFlippableShapeSelected && !isShapeLocked && (0, import_menuHelpers.menuGroup)(
+            "flip",
+            (0, import_menuHelpers.menuItem)(actions["flip-horizontal"]),
+            (0, import_menuHelpers.menuItem)(actions["flip-vertical"])
+          ),
+          twoSelected && (0, import_menuHelpers.menuGroup)(
+            "order",
+            (0, import_menuHelpers.menuItem)(actions["pack"], { disabled: !twoSelected }),
+            threeStackableItems && (0, import_menuHelpers.menuItem)(actions["stack-vertical"]),
+            threeStackableItems && (0, import_menuHelpers.menuItem)(actions["stack-horizontal"])
+          )
+        ),
+        oneSelected && !isShapeLocked && (0, import_menuHelpers.menuSubmenu)(
+          "reorder",
+          "context-menu.reorder",
+          (0, import_menuHelpers.menuGroup)(
+            "reorder",
+            (0, import_menuHelpers.menuItem)(actions["bring-to-front"]),
+            (0, import_menuHelpers.menuItem)(actions["bring-forward"]),
+            (0, import_menuHelpers.menuItem)(actions["send-backward"]),
+            (0, import_menuHelpers.menuItem)(actions["send-to-back"])
+          )
+        ),
+        oneSelected && !isShapeLocked && (0, import_menuHelpers.menuCustom)("MOVE_TO_PAGE_MENU", { readonlyOk: false })
+      ),
+      (0, import_menuHelpers.menuGroup)(
+        "clipboard-group",
+        oneSelected && !isShapeLocked && (0, import_menuHelpers.menuItem)(actions["cut"]),
+        oneSelected && (0, import_menuHelpers.menuItem)(actions["copy"]),
+        import_menuHelpers.showMenuPaste && (0, import_menuHelpers.menuItem)(actions["paste"])
+      ),
+      atLeastOneShapeOnPage && (0, import_menuHelpers.menuGroup)(
+        "conversions",
+        (0, import_menuHelpers.menuSubmenu)(
+          "copy-as",
+          "context-menu.copy-as",
+          (0, import_menuHelpers.menuGroup)(
+            "copy-as-group",
+            (0, import_menuHelpers.menuItem)(actions["copy-as-svg"]),
+            hasClipboardWrite && (0, import_menuHelpers.menuItem)(actions["copy-as-png"]),
+            (0, import_menuHelpers.menuItem)(actions["copy-as-json"])
+          ),
+          (0, import_menuHelpers.menuGroup)(
+            "export-bg",
+            (0, import_menuHelpers.menuItem)(actions["toggle-transparent"], { checked: !isTransparentBg })
+          )
+        ),
+        (0, import_menuHelpers.menuSubmenu)(
+          "export-as",
+          "context-menu.export-as",
+          (0, import_menuHelpers.menuGroup)(
+            "export-as-group",
+            (0, import_menuHelpers.menuItem)(actions["export-as-svg"]),
+            (0, import_menuHelpers.menuItem)(actions["export-as-png"]),
+            (0, import_menuHelpers.menuItem)(actions["export-as-json"])
+          ),
+          (0, import_menuHelpers.menuGroup)(
+            "export-bg,",
+            (0, import_menuHelpers.menuItem)(actions["toggle-transparent"], { checked: !isTransparentBg })
+          )
+        )
+      ),
+      atLeastOneShapeOnPage && (0, import_menuHelpers.menuGroup)(
+        "set-selection-group",
+        (0, import_menuHelpers.menuItem)(actions["select-all"]),
+        oneSelected && (0, import_menuHelpers.menuItem)(actions["select-none"])
+      ),
+      oneSelected && !isShapeLocked && (0, import_menuHelpers.menuGroup)("delete-group", (0, import_menuHelpers.menuItem)(actions["delete"]))
+    ]);
+    if (overrides) {
+      contextTLUiMenuSchema2 = overrides(editor, contextTLUiMenuSchema2, {
+        actions,
+        oneSelected,
+        twoSelected,
+        threeSelected,
+        showAutoSizeToggle,
+        showUngroup: allowUngroup,
+        onlyFlippableShapeSelected
+      });
+    }
+    return contextTLUiMenuSchema2;
+  }, [
+    editor,
+    overrides,
+    actions,
+    oneSelected,
+    twoSelected,
+    threeSelected,
+    showAutoSizeToggle,
+    onlyFlippableShapeSelected,
+    atLeastOneShapeOnPage,
+    threeStackableItems,
+    allowGroup,
+    allowUngroup,
+    allowRemoveFrame,
+    allowFitFrameToContent,
+    hasClipboardWrite,
+    showEditLink,
+    // oneEmbedSelected,
+    // oneEmbeddableBookmarkSelected,
+    isTransparentBg,
+    isShapeLocked
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TLUiContextMenuSchemaContext.Provider, { value: contextTLUiMenuSchema, children });
+});
+function useContextMenuSchema() {
+  const ctx = import_react.default.useContext(TLUiContextMenuSchemaContext);
+  if (!ctx) {
+    throw new Error("useContextMenuSchema must be used inside of a TLUiContextMenuSchemaProvider.");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useContextMenuSchema.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useContextMenuSchema.tsx"],
+  "sourcesContent": ["import { Editor, TLFrameShape, track, useEditor, useValue } from '@bigbluebutton/editor'\nimport React, { useMemo } from 'react'\nimport {\n\tTLUiMenuSchema,\n\tcompactMenuItems,\n\tmenuCustom,\n\tmenuGroup,\n\tmenuItem,\n\tmenuSubmenu,\n\tshowMenuPaste,\n\tuseAllowGroup,\n\tuseAllowUngroup,\n\tuseThreeStackableItems,\n} from './menuHelpers'\nimport { useActions } from './useActions'\nimport { useHasLinkShapeSelected } from './useHasLinkShapeSelected'\nimport { useOnlyFlippableShape } from './useOnlyFlippableShape'\nimport { useShowAutoSizeToggle } from './useShowAutoSizeToggle'\n\n/** @public */\nexport type TLUiContextTTLUiMenuSchemaContextType = TLUiMenuSchema\n\n/** @internal */\nexport const TLUiContextMenuSchemaContext = React.createContext(\n\t{} as TLUiContextTTLUiMenuSchemaContextType\n)\n\n/** @public */\nexport type TLUiContextMenuSchemaProviderProps = {\n\toverrides?: (\n\t\teditor: Editor,\n\t\tschema: TLUiContextTTLUiMenuSchemaContextType,\n\t\thelpers: {\n\t\t\tactions: ReturnType<typeof useActions>\n\t\t\toneSelected: boolean\n\t\t\ttwoSelected: boolean\n\t\t\tthreeSelected: boolean\n\t\t\tshowAutoSizeToggle: boolean\n\t\t\tshowUngroup: boolean\n\t\t\tonlyFlippableShapeSelected: boolean\n\t\t}\n\t) => TLUiContextTTLUiMenuSchemaContextType\n\tchildren: any\n}\n\n/** @internal */\nexport const TLUiContextMenuSchemaProvider = track(function TLUiContextMenuSchemaProvider({\n\toverrides,\n\tchildren,\n}: TLUiContextMenuSchemaProviderProps) {\n\tconst editor = useEditor()\n\tconst actions = useActions()\n\n\tconst showAutoSizeToggle = useShowAutoSizeToggle()\n\n\tconst onlyFlippableShapeSelected = useOnlyFlippableShape()\n\n\tconst selectedShapes = editor.getSelectedShapes()\n\tconst selectedCount = selectedShapes.length\n\n\tconst oneSelected = selectedCount > 0\n\n\tconst twoSelected = selectedCount > 1\n\tconst threeSelected = selectedCount > 2\n\tconst threeStackableItems = useThreeStackableItems()\n\tconst atLeastOneShapeOnPage = useValue(\n\t\t'atLeastOneShapeOnPage',\n\t\t() => editor.getCurrentPageShapeIds().size > 0,\n\t\t[]\n\t)\n\tconst isTransparentBg = useValue(\n\t\t'isTransparentBg',\n\t\t() => editor.getInstanceState().exportBackground,\n\t\t[]\n\t)\n\tconst allowGroup = useAllowGroup()\n\tconst allowUngroup = useAllowUngroup()\n\tconst hasClipboardWrite = Boolean(window.navigator.clipboard?.write)\n\tconst showEditLink = useHasLinkShapeSelected()\n\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\tconst allowRemoveFrame =\n\t\toneSelected &&\n\t\tselectedShapes.every((shape) => editor.isShapeOfType<TLFrameShape>(shape, 'frame'))\n\tconst allowFitFrameToContent =\n\t\tonlySelectedShape &&\n\t\teditor.isShapeOfType<TLFrameShape>(onlySelectedShape, 'frame') &&\n\t\teditor.getSortedChildIdsForParent(onlySelectedShape).length > 0\n\tconst isShapeLocked = onlySelectedShape && editor.isShapeOrAncestorLocked(onlySelectedShape)\n\n\tconst contextTLUiMenuSchema = useMemo<TLUiMenuSchema>(() => {\n\t\tlet contextTLUiMenuSchema: TLUiContextTTLUiMenuSchemaContextType = compactMenuItems([\n\t\t\tmenuGroup(\n\t\t\t\t'selection',\n\t\t\t\tshowAutoSizeToggle && menuItem(actions['toggle-auto-size']),\n\t\t\t\tshowEditLink && !isShapeLocked && menuItem(actions['edit-link']),\n\t\t\t\toneSelected && !isShapeLocked && menuItem(actions['duplicate']),\n\t\t\t\tallowGroup && !isShapeLocked && menuItem(actions['group']),\n\t\t\t\tallowUngroup && !isShapeLocked && menuItem(actions['ungroup']),\n\t\t\t\tallowRemoveFrame && !isShapeLocked && menuItem(actions['remove-frame']),\n\t\t\t\tallowFitFrameToContent && !isShapeLocked && menuItem(actions['fit-frame-to-content']),\n\t\t\t\toneSelected && menuItem(actions['toggle-lock'])\n\t\t\t),\n\t\t\tmenuGroup(\n\t\t\t\t'modify',\n\t\t\t\t(twoSelected || onlyFlippableShapeSelected) &&\n\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t'arrange',\n\t\t\t\t\t\t'context-menu.arrange',\n\t\t\t\t\t\ttwoSelected &&\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'align',\n\t\t\t\t\t\t\t\tmenuItem(actions['align-left']),\n\t\t\t\t\t\t\t\tmenuItem(actions['align-center-horizontal']),\n\t\t\t\t\t\t\t\tmenuItem(actions['align-right']),\n\t\t\t\t\t\t\t\tmenuItem(actions['align-top']),\n\t\t\t\t\t\t\t\tmenuItem(actions['align-center-vertical']),\n\t\t\t\t\t\t\t\tmenuItem(actions['align-bottom'])\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\tthreeSelected &&\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'distribute',\n\t\t\t\t\t\t\t\tmenuItem(actions['distribute-horizontal']),\n\t\t\t\t\t\t\t\tmenuItem(actions['distribute-vertical'])\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\ttwoSelected &&\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'stretch',\n\t\t\t\t\t\t\t\tmenuItem(actions['stretch-horizontal']),\n\t\t\t\t\t\t\t\tmenuItem(actions['stretch-vertical'])\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\tonlyFlippableShapeSelected &&\n\t\t\t\t\t\t\t!isShapeLocked &&\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'flip',\n\t\t\t\t\t\t\t\tmenuItem(actions['flip-horizontal']),\n\t\t\t\t\t\t\t\tmenuItem(actions['flip-vertical'])\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\ttwoSelected &&\n\t\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t\t'order',\n\t\t\t\t\t\t\t\tmenuItem(actions['pack'], { disabled: !twoSelected }),\n\t\t\t\t\t\t\t\tthreeStackableItems && menuItem(actions['stack-vertical']),\n\t\t\t\t\t\t\t\tthreeStackableItems && menuItem(actions['stack-horizontal'])\n\t\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\toneSelected &&\n\t\t\t\t\t!isShapeLocked &&\n\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t'reorder',\n\t\t\t\t\t\t'context-menu.reorder',\n\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t'reorder',\n\t\t\t\t\t\t\tmenuItem(actions['bring-to-front']),\n\t\t\t\t\t\t\tmenuItem(actions['bring-forward']),\n\t\t\t\t\t\t\tmenuItem(actions['send-backward']),\n\t\t\t\t\t\t\tmenuItem(actions['send-to-back'])\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\toneSelected && !isShapeLocked && menuCustom('MOVE_TO_PAGE_MENU', { readonlyOk: false })\n\t\t\t),\n\t\t\tmenuGroup(\n\t\t\t\t'clipboard-group',\n\t\t\t\toneSelected && !isShapeLocked && menuItem(actions['cut']),\n\t\t\t\toneSelected && menuItem(actions['copy']),\n\t\t\t\tshowMenuPaste && menuItem(actions['paste'])\n\t\t\t),\n\t\t\tatLeastOneShapeOnPage &&\n\t\t\t\tmenuGroup(\n\t\t\t\t\t'conversions',\n\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t'copy-as',\n\t\t\t\t\t\t'context-menu.copy-as',\n\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t'copy-as-group',\n\t\t\t\t\t\t\tmenuItem(actions['copy-as-svg']),\n\t\t\t\t\t\t\thasClipboardWrite && menuItem(actions['copy-as-png']),\n\t\t\t\t\t\t\tmenuItem(actions['copy-as-json'])\n\t\t\t\t\t\t),\n\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t'export-bg',\n\t\t\t\t\t\t\tmenuItem(actions['toggle-transparent'], { checked: !isTransparentBg })\n\t\t\t\t\t\t)\n\t\t\t\t\t),\n\t\t\t\t\tmenuSubmenu(\n\t\t\t\t\t\t'export-as',\n\t\t\t\t\t\t'context-menu.export-as',\n\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t'export-as-group',\n\t\t\t\t\t\t\tmenuItem(actions['export-as-svg']),\n\t\t\t\t\t\t\tmenuItem(actions['export-as-png']),\n\t\t\t\t\t\t\tmenuItem(actions['export-as-json'])\n\t\t\t\t\t\t),\n\t\t\t\t\t\tmenuGroup(\n\t\t\t\t\t\t\t'export-bg,',\n\t\t\t\t\t\t\tmenuItem(actions['toggle-transparent'], { checked: !isTransparentBg })\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\tatLeastOneShapeOnPage &&\n\t\t\t\tmenuGroup(\n\t\t\t\t\t'set-selection-group',\n\t\t\t\t\tmenuItem(actions['select-all']),\n\t\t\t\t\toneSelected && menuItem(actions['select-none'])\n\t\t\t\t),\n\t\t\toneSelected && !isShapeLocked && menuGroup('delete-group', menuItem(actions['delete'])),\n\t\t])\n\n\t\tif (overrides) {\n\t\t\tcontextTLUiMenuSchema = overrides(editor, contextTLUiMenuSchema, {\n\t\t\t\tactions,\n\t\t\t\toneSelected,\n\t\t\t\ttwoSelected,\n\t\t\t\tthreeSelected,\n\t\t\t\tshowAutoSizeToggle,\n\t\t\t\tshowUngroup: allowUngroup,\n\t\t\t\tonlyFlippableShapeSelected,\n\t\t\t})\n\t\t}\n\n\t\treturn contextTLUiMenuSchema\n\t}, [\n\t\teditor,\n\t\toverrides,\n\t\tactions,\n\t\toneSelected,\n\t\ttwoSelected,\n\t\tthreeSelected,\n\t\tshowAutoSizeToggle,\n\t\tonlyFlippableShapeSelected,\n\t\tatLeastOneShapeOnPage,\n\t\tthreeStackableItems,\n\t\tallowGroup,\n\t\tallowUngroup,\n\t\tallowRemoveFrame,\n\t\tallowFitFrameToContent,\n\t\thasClipboardWrite,\n\t\tshowEditLink,\n\t\t// oneEmbedSelected,\n\t\t// oneEmbeddableBookmarkSelected,\n\t\tisTransparentBg,\n\t\tisShapeLocked,\n\t])\n\n\treturn (\n\t\t<TLUiContextMenuSchemaContext.Provider value={contextTLUiMenuSchema}>\n\t\t\t{children}\n\t\t</TLUiContextMenuSchemaContext.Provider>\n\t)\n})\n\n/** @public */\nexport function useContextMenuSchema(): TLUiMenuSchema {\n\tconst ctx = React.useContext(TLUiContextMenuSchemaContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useContextMenuSchema must be used inside of a TLUiContextMenuSchemaProvider.')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": "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",
+  "names": ["React", "TLUiContextMenuSchemaProvider", "contextTLUiMenuSchema"]
+}

package/dist-cjs/lib/ui/hooks/useCopyAs.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 useCopyAs_exports = {};
+__export(useCopyAs_exports, {
+  useCopyAs: () => useCopyAs
+});
+module.exports = __toCommonJS(useCopyAs_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_copyAs = require("../../utils/export/copyAs");
+var import_useToastsProvider = require("./useToastsProvider");
+var import_useTranslation = require("./useTranslation/useTranslation");
+function useCopyAs() {
+  const editor = (0, import_editor.useEditor)();
+  const { addToast } = (0, import_useToastsProvider.useToasts)();
+  const msg = (0, import_useTranslation.useTranslation)();
+  return (0, import_react.useCallback)(
+    (ids, format = "svg") => {
+      (0, import_copyAs.copyAs)(editor, ids, format).catch(() => {
+        addToast({
+          id: "copy-fail",
+          icon: "warning-triangle",
+          title: msg("toast.error.copy-fail.title"),
+          description: msg("toast.error.copy-fail.desc")
+        });
+      });
+    },
+    [editor, addToast, msg]
+  );
+}
+//# sourceMappingURL=useCopyAs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useCopyAs.ts"],
+  "sourcesContent": ["import { TLShapeId, useEditor } from '@bigbluebutton/editor'\nimport { useCallback } from 'react'\nimport { TLCopyType, copyAs } from '../../utils/export/copyAs'\nimport { useToasts } from './useToastsProvider'\nimport { useTranslation } from './useTranslation/useTranslation'\n\n/** @public */\nexport function useCopyAs() {\n\tconst editor = useEditor()\n\tconst { addToast } = useToasts()\n\tconst msg = useTranslation()\n\n\treturn useCallback(\n\t\t(ids: TLShapeId[], format: TLCopyType = 'svg') => {\n\t\t\tcopyAs(editor, ids, format).catch(() => {\n\t\t\t\taddToast({\n\t\t\t\t\tid: 'copy-fail',\n\t\t\t\t\ticon: 'warning-triangle',\n\t\t\t\t\ttitle: msg('toast.error.copy-fail.title'),\n\t\t\t\t\tdescription: msg('toast.error.copy-fail.desc'),\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\t[editor, addToast, msg]\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;AACrC,mBAA4B;AAC5B,oBAAmC;AACnC,+BAA0B;AAC1B,4BAA+B;AAGxB,SAAS,YAAY;AAC3B,QAAM,aAAS,yBAAU;AACzB,QAAM,EAAE,SAAS,QAAI,oCAAU;AAC/B,QAAM,UAAM,sCAAe;AAE3B,aAAO;AAAA,IACN,CAAC,KAAkB,SAAqB,UAAU;AACjD,gCAAO,QAAQ,KAAK,MAAM,EAAE,MAAM,MAAM;AACvC,iBAAS;AAAA,UACR,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,OAAO,IAAI,6BAA6B;AAAA,UACxC,aAAa,IAAI,4BAA4B;AAAA,QAC9C,CAAC;AAAA,MACF,CAAC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,UAAU,GAAG;AAAA,EACvB;AACD;",
+  "names": []
+}

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

@@ -0,0 +1,108 @@
+"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 useDialogsProvider_exports = {};
+__export(useDialogsProvider_exports, {
+  DialogsContext: () => DialogsContext,
+  DialogsProvider: () => DialogsProvider,
+  useDialogs: () => useDialogs
+});
+module.exports = __toCommonJS(useDialogsProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_useEventsProvider = require("./useEventsProvider");
+const DialogsContext = (0, import_react.createContext)({});
+function DialogsProvider({ children }) {
+  const editor = (0, import_editor.useEditor)();
+  const trackEvent = (0, import_useEventsProvider.useUiEvents)();
+  const [dialogs, setDialogs] = (0, import_react.useState)([]);
+  const addDialog = (0, import_react.useCallback)(
+    (dialog) => {
+      const id = dialog.id ?? (0, import_editor.uniqueId)();
+      setDialogs((d) => {
+        return [...d.filter((m) => m.id !== dialog.id), { ...dialog, id }];
+      });
+      trackEvent("open-menu", { source: "dialog", id });
+      editor.addOpenMenu(id);
+      return id;
+    },
+    [editor, trackEvent]
+  );
+  const updateDialog = (0, import_react.useCallback)(
+    (id, newDialogData) => {
+      setDialogs(
+        (d) => d.map((m) => {
+          if (m.id === id) {
+            return {
+              ...m,
+              ...newDialogData
+            };
+          }
+          return m;
+        })
+      );
+      trackEvent("open-menu", { source: "dialog", id });
+      editor.addOpenMenu(id);
+      return id;
+    },
+    [editor, trackEvent]
+  );
+  const removeDialog = (0, import_react.useCallback)(
+    (id) => {
+      setDialogs(
+        (d) => d.filter((m) => {
+          if (m.id === id) {
+            m.onClose?.();
+            return false;
+          }
+          return true;
+        })
+      );
+      trackEvent("close-menu", { source: "dialog", id });
+      editor.deleteOpenMenu(id);
+      return id;
+    },
+    [editor, trackEvent]
+  );
+  const clearDialogs = (0, import_react.useCallback)(() => {
+    setDialogs((d) => {
+      d.forEach((m) => {
+        m.onClose?.();
+        trackEvent("close-menu", { source: "dialog", id: m.id });
+        editor.deleteOpenMenu(m.id);
+      });
+      return [];
+    });
+  }, [editor, trackEvent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DialogsContext.Provider,
+    {
+      value: { dialogs, addDialog, removeDialog, clearDialogs, updateDialog },
+      children
+    }
+  );
+}
+function useDialogs() {
+  const ctx = (0, import_react.useContext)(DialogsContext);
+  if (!ctx) {
+    throw new Error("useDialogs must be used within a DialogsProvider");
+  }
+  return ctx;
+}
+//# sourceMappingURL=useDialogsProvider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useDialogsProvider.tsx"],
+  "sourcesContent": ["import { Editor, uniqueId, useEditor } from '@bigbluebutton/editor'\nimport { createContext, useCallback, useContext, useState } from 'react'\nimport { useUiEvents } from './useEventsProvider'\n\n/** @public */\nexport interface TLUiDialogProps {\n\tonClose: () => void\n}\n\n/** @public */\nexport interface TLUiDialog {\n\tid: string\n\tonClose?: () => void\n\tcomponent: (props: TLUiDialogProps) => any\n}\n\n/** @public */\nexport type TLUiDialogsContextType = {\n\taddDialog: (dialog: Omit<TLUiDialog, 'id'> & { id?: string }) => string\n\tremoveDialog: (id: string) => string\n\tupdateDialog: (id: string, newDialogData: Partial<TLUiDialog>) => string\n\tclearDialogs: () => void\n\tdialogs: TLUiDialog[]\n}\n\n/** @internal */\nexport const DialogsContext = createContext({} as TLUiDialogsContextType)\n\n/** @internal */\nexport type DialogsProviderProps = {\n\toverrides?: (editor: Editor) => TLUiDialogsContextType\n\tchildren: any\n}\n\n/** @internal */\nexport function DialogsProvider({ children }: DialogsProviderProps) {\n\tconst editor = useEditor()\n\tconst trackEvent = useUiEvents()\n\n\tconst [dialogs, setDialogs] = useState<TLUiDialog[]>([])\n\n\tconst addDialog = useCallback(\n\t\t(dialog: Omit<TLUiDialog, 'id'> & { id?: string }) => {\n\t\t\tconst id = dialog.id ?? uniqueId()\n\t\t\tsetDialogs((d) => {\n\t\t\t\treturn [...d.filter((m) => m.id !== dialog.id), { ...dialog, id }]\n\t\t\t})\n\n\t\t\ttrackEvent('open-menu', { source: 'dialog', id })\n\t\t\teditor.addOpenMenu(id)\n\n\t\t\treturn id\n\t\t},\n\t\t[editor, trackEvent]\n\t)\n\n\tconst updateDialog = useCallback(\n\t\t(id: string, newDialogData: Partial<TLUiDialog>) => {\n\t\t\tsetDialogs((d) =>\n\t\t\t\td.map((m) => {\n\t\t\t\t\tif (m.id === id) {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\t...m,\n\t\t\t\t\t\t\t...newDialogData,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn m\n\t\t\t\t})\n\t\t\t)\n\n\t\t\ttrackEvent('open-menu', { source: 'dialog', id })\n\t\t\teditor.addOpenMenu(id)\n\n\t\t\treturn id\n\t\t},\n\t\t[editor, trackEvent]\n\t)\n\n\tconst removeDialog = useCallback(\n\t\t(id: string) => {\n\t\t\tsetDialogs((d) =>\n\t\t\t\td.filter((m) => {\n\t\t\t\t\tif (m.id === id) {\n\t\t\t\t\t\tm.onClose?.()\n\t\t\t\t\t\treturn false\n\t\t\t\t\t}\n\t\t\t\t\treturn true\n\t\t\t\t})\n\t\t\t)\n\n\t\t\ttrackEvent('close-menu', { source: 'dialog', id })\n\t\t\teditor.deleteOpenMenu(id)\n\n\t\t\treturn id\n\t\t},\n\t\t[editor, trackEvent]\n\t)\n\n\tconst clearDialogs = useCallback(() => {\n\t\tsetDialogs((d) => {\n\t\t\td.forEach((m) => {\n\t\t\t\tm.onClose?.()\n\t\t\t\ttrackEvent('close-menu', { source: 'dialog', id: m.id })\n\t\t\t\teditor.deleteOpenMenu(m.id)\n\t\t\t})\n\t\t\treturn []\n\t\t})\n\t}, [editor, trackEvent])\n\n\treturn (\n\t\t<DialogsContext.Provider\n\t\t\tvalue={{ dialogs, addDialog, removeDialog, clearDialogs, updateDialog }}\n\t\t>\n\t\t\t{children}\n\t\t</DialogsContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useDialogs() {\n\tconst ctx = useContext(DialogsContext)\n\n\tif (!ctx) {\n\t\tthrow new Error('useDialogs must be used within a DialogsProvider')\n\t}\n\n\treturn ctx\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8GE;AA9GF,oBAA4C;AAC5C,mBAAiE;AACjE,+BAA4B;AAwBrB,MAAM,qBAAiB,4BAAc,CAAC,CAA2B;AASjE,SAAS,gBAAgB,EAAE,SAAS,GAAyB;AACnE,QAAM,aAAS,yBAAU;AACzB,QAAM,iBAAa,sCAAY;AAE/B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAuB,CAAC,CAAC;AAEvD,QAAM,gBAAY;AAAA,IACjB,CAAC,WAAqD;AACrD,YAAM,KAAK,OAAO,UAAM,wBAAS;AACjC,iBAAW,CAAC,MAAM;AACjB,eAAO,CAAC,GAAG,EAAE,OAAO,CAAC,MAAM,EAAE,OAAO,OAAO,EAAE,GAAG,EAAE,GAAG,QAAQ,GAAG,CAAC;AAAA,MAClE,CAAC;AAED,iBAAW,aAAa,EAAE,QAAQ,UAAU,GAAG,CAAC;AAChD,aAAO,YAAY,EAAE;AAErB,aAAO;AAAA,IACR;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACpB;AAEA,QAAM,mBAAe;AAAA,IACpB,CAAC,IAAY,kBAAuC;AACnD;AAAA,QAAW,CAAC,MACX,EAAE,IAAI,CAAC,MAAM;AACZ,cAAI,EAAE,OAAO,IAAI;AAChB,mBAAO;AAAA,cACN,GAAG;AAAA,cACH,GAAG;AAAA,YACJ;AAAA,UACD;AACA,iBAAO;AAAA,QACR,CAAC;AAAA,MACF;AAEA,iBAAW,aAAa,EAAE,QAAQ,UAAU,GAAG,CAAC;AAChD,aAAO,YAAY,EAAE;AAErB,aAAO;AAAA,IACR;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACpB;AAEA,QAAM,mBAAe;AAAA,IACpB,CAAC,OAAe;AACf;AAAA,QAAW,CAAC,MACX,EAAE,OAAO,CAAC,MAAM;AACf,cAAI,EAAE,OAAO,IAAI;AAChB,cAAE,UAAU;AACZ,mBAAO;AAAA,UACR;AACA,iBAAO;AAAA,QACR,CAAC;AAAA,MACF;AAEA,iBAAW,cAAc,EAAE,QAAQ,UAAU,GAAG,CAAC;AACjD,aAAO,eAAe,EAAE;AAExB,aAAO;AAAA,IACR;AAAA,IACA,CAAC,QAAQ,UAAU;AAAA,EACpB;AAEA,QAAM,mBAAe,0BAAY,MAAM;AACtC,eAAW,CAAC,MAAM;AACjB,QAAE,QAAQ,CAAC,MAAM;AAChB,UAAE,UAAU;AACZ,mBAAW,cAAc,EAAE,QAAQ,UAAU,IAAI,EAAE,GAAG,CAAC;AACvD,eAAO,eAAe,EAAE,EAAE;AAAA,MAC3B,CAAC;AACD,aAAO,CAAC;AAAA,IACT,CAAC;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,CAAC;AAEvB,SACC;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACA,OAAO,EAAE,SAAS,WAAW,cAAc,cAAc,aAAa;AAAA,MAErE;AAAA;AAAA,EACF;AAEF;AAGO,SAAS,aAAa;AAC5B,QAAM,UAAM,yBAAW,cAAc;AAErC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACnE;AAEA,SAAO;AACR;",
+  "names": []
+}

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

@@ -0,0 +1,43 @@
+"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 useEditorEvents_exports = {};
+__export(useEditorEvents_exports, {
+  useEditorEvents: () => useEditorEvents
+});
+module.exports = __toCommonJS(useEditorEvents_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_useToastsProvider = require("./useToastsProvider");
+function useEditorEvents() {
+  const editor = (0, import_editor.useEditor)();
+  const { addToast } = (0, import_useToastsProvider.useToasts)();
+  (0, import_react.useEffect)(() => {
+    function handleMaxShapes({ name, count }) {
+      addToast({
+        title: "Maximum Shapes Reached",
+        description: `You've reached the maximum number of shapes allowed on ${name} (${count}). Please delete some shapes or move to a different page to continue.`
+      });
+    }
+    editor.addListener("max-shapes", handleMaxShapes);
+    return () => {
+      editor.removeListener("max-shapes", handleMaxShapes);
+    };
+  }, [editor, addToast]);
+}
+//# sourceMappingURL=useEditorEvents.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useEditorEvents.ts"],
+  "sourcesContent": ["import { useEditor } from '@bigbluebutton/editor'\nimport { useEffect } from 'react'\nimport { useToasts } from './useToastsProvider'\n\n/** @internal */\nexport function useEditorEvents() {\n\tconst editor = useEditor()\n\tconst { addToast } = useToasts()\n\n\tuseEffect(() => {\n\t\tfunction handleMaxShapes({ name, count }: { name: string; pageId: string; count: number }) {\n\t\t\taddToast({\n\t\t\t\ttitle: 'Maximum Shapes Reached',\n\t\t\t\tdescription: `You've reached the maximum number of shapes allowed on ${name} (${count}). Please delete some shapes or move to a different page to continue.`,\n\t\t\t})\n\t\t}\n\n\t\teditor.addListener('max-shapes', handleMaxShapes)\n\t\treturn () => {\n\t\t\teditor.removeListener('max-shapes', handleMaxShapes)\n\t\t}\n\t}, [editor, addToast])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,mBAA0B;AAC1B,+BAA0B;AAGnB,SAAS,kBAAkB;AACjC,QAAM,aAAS,yBAAU;AACzB,QAAM,EAAE,SAAS,QAAI,oCAAU;AAE/B,8BAAU,MAAM;AACf,aAAS,gBAAgB,EAAE,MAAM,MAAM,GAAoD;AAC1F,eAAS;AAAA,QACR,OAAO;AAAA,QACP,aAAa,0DAA0D,IAAI,KAAK,KAAK;AAAA,MACtF,CAAC;AAAA,IACF;AAEA,WAAO,YAAY,cAAc,eAAe;AAChD,WAAO,MAAM;AACZ,aAAO,eAAe,cAAc,eAAe;AAAA,IACpD;AAAA,EACD,GAAG,CAAC,QAAQ,QAAQ,CAAC;AACtB;",
+  "names": []
+}

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

@@ -0,0 +1,47 @@
+"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 useEventsProvider_exports = {};
+__export(useEventsProvider_exports, {
+  EventsContext: () => EventsContext,
+  UiEventsProvider: () => UiEventsProvider,
+  useUiEvents: () => useUiEvents
+});
+module.exports = __toCommonJS(useEventsProvider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"));
+const defaultEventHandler = () => void 0;
+const EventsContext = React.createContext({});
+function UiEventsProvider({ onEvent, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EventsContext.Provider, { value: onEvent ?? defaultEventHandler, children });
+}
+function useUiEvents() {
+  const eventHandler = React.useContext(EventsContext);
+  return eventHandler ?? defaultEventHandler;
+}
+//# sourceMappingURL=useEventsProvider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useEventsProvider.tsx"],
+  "sourcesContent": ["import * as React from 'react'\n\n/** @public */\nexport type TLUiEventSource =\n\t| 'menu'\n\t| 'context-menu'\n\t| 'zoom-menu'\n\t| 'navigation-zone'\n\t| 'quick-actions'\n\t| 'actions-menu'\n\t| 'kbd'\n\t| 'debug-panel'\n\t| 'page-menu'\n\t| 'share-menu'\n\t| 'export-menu'\n\t| 'toolbar'\n\t| 'people-menu'\n\t| 'dialog'\n\t| 'help-menu'\n\t| 'helper-buttons'\n\t| 'unknown'\n\n/** @public */\nexport interface TLUiEventMap {\n\t// Actions\n\tundo: null\n\tredo: null\n\t'group-shapes': null\n\t'ungroup-shapes': null\n\t'remove-frame': null\n\t'fit-frame-to-content': null\n\t'convert-to-embed': null\n\t'convert-to-bookmark': null\n\t'open-embed-link': null\n\t'toggle-auto-size': null\n\t'copy-as': { format: 'svg' | 'png' | 'json' }\n\t'export-as': { format: 'svg' | 'png' | 'json' }\n\t'edit-link': null\n\t'insert-embed': null\n\t'insert-media': null\n\t'align-shapes': {\n\t\toperation: 'left' | 'center-horizontal' | 'right' | 'top' | 'center-vertical' | 'bottom'\n\t}\n\t'duplicate-shapes': null\n\t'pack-shapes': null\n\t'stack-shapes': { operation: 'horizontal' | 'vertical' }\n\t'flip-shapes': { operation: 'horizontal' | 'vertical' }\n\t'distribute-shapes': { operation: 'horizontal' | 'vertical' }\n\t'stretch-shapes': { operation: 'horizontal' | 'vertical' }\n\t'reorder-shapes': {\n\t\toperation: 'toBack' | 'toFront' | 'forward' | 'backward'\n\t}\n\t'delete-shapes': null\n\t'select-all-shapes': null\n\t'select-none-shapes': null\n\t'rotate-ccw': null\n\t'rotate-cw': null\n\t'zoom-in': null\n\t'zoom-out': null\n\t'zoom-to-fit': null\n\t'zoom-to-selection': null\n\t'reset-zoom': null\n\t'zoom-into-view': null\n\t'zoom-to-content': null\n\t'open-menu': { id: string }\n\t'close-menu': { id: string }\n\t'create-new-project': null\n\t'save-project-to-file': null\n\t'open-file': null\n\t'select-tool': { id: string }\n\tprint: null\n\tcopy: null\n\tpaste: null\n\tcut: null\n\t'toggle-transparent': null\n\t'toggle-snap-mode': null\n\t'toggle-tool-lock': null\n\t'toggle-grid-mode': null\n\t'toggle-dark-mode': null\n\t'toggle-focus-mode': null\n\t'toggle-debug-mode': null\n\t'toggle-lock': null\n\t'toggle-reduce-motion': null\n\t'exit-pen-mode': null\n\t'stop-following': null\n\t'open-cursor-chat': null\n\t'zoom-tool': null\n\t'unlock-all': null\n}\n\ntype Join<T, K> = K extends null\n\t? { [R in keyof T]: T[R] }\n\t: { [R in keyof T]: T[R] } & { [R in keyof K]: K[R] }\n\n/** @public */\nexport type TLUiEventHandler<T extends keyof TLUiEventMap = keyof TLUiEventMap> = (\n\tname: T,\n\tdata: Join<{ source: TLUiEventSource }, TLUiEventMap[T]>\n) => void\n\n/** @internal */\nconst defaultEventHandler: TLUiEventHandler = () => void null\n\n/** @public */\nexport type TLUiEventContextType = TLUiEventHandler<keyof TLUiEventMap>\n\n/** @internal */\nexport const EventsContext = React.createContext<TLUiEventContextType>({} as TLUiEventContextType)\n\n/** @public */\nexport type EventsProviderProps = {\n\tonEvent?: TLUiEventHandler\n\tchildren: any\n}\n\n/** @public */\nexport function UiEventsProvider({ onEvent, children }: EventsProviderProps) {\n\treturn (\n\t\t<EventsContext.Provider value={onEvent ?? defaultEventHandler}>\n\t\t\t{children}\n\t\t</EventsContext.Provider>\n\t)\n}\n\n/** @public */\nexport function useUiEvents() {\n\tconst eventHandler = React.useContext(EventsContext)\n\treturn eventHandler ?? defaultEventHandler\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsHE;AAtHF,YAAuB;AAqGvB,MAAM,sBAAwC,MAAM;AAM7C,MAAM,gBAAgB,MAAM,cAAoC,CAAC,CAAyB;AAS1F,SAAS,iBAAiB,EAAE,SAAS,SAAS,GAAwB;AAC5E,SACC,4CAAC,cAAc,UAAd,EAAuB,OAAO,WAAW,qBACxC,UACF;AAEF;AAGO,SAAS,cAAc;AAC7B,QAAM,eAAe,MAAM,WAAW,aAAa;AACnD,SAAO,gBAAgB;AACxB;",
+  "names": []
+}

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

@@ -0,0 +1,51 @@
+"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 useExportAs_exports = {};
+__export(useExportAs_exports, {
+  useExportAs: () => useExportAs
+});
+module.exports = __toCommonJS(useExportAs_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_exportAs = require("../../utils/export/exportAs");
+var import_useToastsProvider = require("./useToastsProvider");
+var import_useTranslation = require("./useTranslation/useTranslation");
+function useExportAs() {
+  const editor = (0, import_editor.useEditor)();
+  const { addToast } = (0, import_useToastsProvider.useToasts)();
+  const msg = (0, import_useTranslation.useTranslation)();
+  return (0, import_react.useCallback)(
+    (ids, format = "png") => {
+      (0, import_exportAs.exportAs)(editor, ids, format, {
+        scale: 1,
+        background: editor.getInstanceState().exportBackground
+      }).catch((e) => {
+        console.error(e.message);
+        addToast({
+          id: "export-fail",
+          // icon: 'error',
+          title: msg("toast.error.export-fail.title"),
+          description: msg("toast.error.export-fail.desc")
+        });
+      });
+    },
+    [editor, addToast, msg]
+  );
+}
+//# sourceMappingURL=useExportAs.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useExportAs.ts"],
+  "sourcesContent": ["import { TLShapeId, useEditor } from '@bigbluebutton/editor'\nimport { useCallback } from 'react'\nimport { TLExportType, exportAs } from '../../utils/export/exportAs'\nimport { useToasts } from './useToastsProvider'\nimport { useTranslation } from './useTranslation/useTranslation'\n\n/** @public */\nexport function useExportAs() {\n\tconst editor = useEditor()\n\tconst { addToast } = useToasts()\n\tconst msg = useTranslation()\n\n\treturn useCallback(\n\t\t(ids: TLShapeId[], format: TLExportType = 'png') => {\n\t\t\texportAs(editor, ids, format, {\n\t\t\t\tscale: 1,\n\t\t\t\tbackground: editor.getInstanceState().exportBackground,\n\t\t\t}).catch((e) => {\n\t\t\t\tconsole.error(e.message)\n\t\t\t\taddToast({\n\t\t\t\t\tid: 'export-fail',\n\t\t\t\t\t// icon: 'error',\n\t\t\t\t\ttitle: msg('toast.error.export-fail.title'),\n\t\t\t\t\tdescription: msg('toast.error.export-fail.desc'),\n\t\t\t\t})\n\t\t\t})\n\t\t},\n\t\t[editor, addToast, msg]\n\t)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAqC;AACrC,mBAA4B;AAC5B,sBAAuC;AACvC,+BAA0B;AAC1B,4BAA+B;AAGxB,SAAS,cAAc;AAC7B,QAAM,aAAS,yBAAU;AACzB,QAAM,EAAE,SAAS,QAAI,oCAAU;AAC/B,QAAM,UAAM,sCAAe;AAE3B,aAAO;AAAA,IACN,CAAC,KAAkB,SAAuB,UAAU;AACnD,oCAAS,QAAQ,KAAK,QAAQ;AAAA,QAC7B,OAAO;AAAA,QACP,YAAY,OAAO,iBAAiB,EAAE;AAAA,MACvC,CAAC,EAAE,MAAM,CAAC,MAAM;AACf,gBAAQ,MAAM,EAAE,OAAO;AACvB,iBAAS;AAAA,UACR,IAAI;AAAA;AAAA,UAEJ,OAAO,IAAI,+BAA+B;AAAA,UAC1C,aAAa,IAAI,8BAA8B;AAAA,QAChD,CAAC;AAAA,MACF,CAAC;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,UAAU,GAAG;AAAA,EACvB;AACD;",
+  "names": []
+}