@bigbluebutton/tldraw 2.0.0-alpha.19

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

@@ -0,0 +1,172 @@
+"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 menuHelpers_exports = {};
+__export(menuHelpers_exports, {
+  compactMenuItems: () => compactMenuItems,
+  findMenuItem: () => findMenuItem,
+  menuCustom: () => menuCustom,
+  menuGroup: () => menuGroup,
+  menuItem: () => menuItem,
+  menuSubmenu: () => menuSubmenu,
+  showMenuPaste: () => showMenuPaste,
+  useAllowGroup: () => useAllowGroup,
+  useAllowUngroup: () => useAllowUngroup,
+  useThreeStackableItems: () => useThreeStackableItems
+});
+module.exports = __toCommonJS(menuHelpers_exports);
+var import_editor = require("@bigbluebutton/editor");
+function compactMenuItems(arr) {
+  return arr.filter((i) => i !== void 0 && i !== null && i !== false);
+}
+function menuGroup(id, ...children) {
+  const childItems = compactMenuItems(children);
+  if (childItems.length === 0)
+    return null;
+  return {
+    id,
+    type: "group",
+    checkbox: childItems.every((child) => child.type === "item" && child.actionItem.checkbox),
+    disabled: childItems.every((child) => child.disabled),
+    readonlyOk: childItems.some((child) => child.readonlyOk),
+    children: childItems
+  };
+}
+function menuSubmenu(id, label, ...children) {
+  const childItems = compactMenuItems(children);
+  if (childItems.length === 0)
+    return null;
+  return {
+    id,
+    type: "submenu",
+    label,
+    children: childItems,
+    disabled: childItems.every((child) => child.disabled),
+    readonlyOk: childItems.some((child) => child.readonlyOk)
+  };
+}
+function menuCustom(id, opts = {}) {
+  const { readonlyOk = true, disabled = false } = opts;
+  return {
+    id,
+    type: "custom",
+    disabled,
+    readonlyOk
+  };
+}
+function menuItem(actionItem, opts = {}) {
+  if (!actionItem) {
+    throw Error("No action item provided to menuItem");
+  }
+  if (!actionItem.label) {
+    throw Error("Trying to create menu item for action item that doesn't have a label");
+  }
+  const { checked = false, disabled = false } = opts;
+  return {
+    id: actionItem.id,
+    type: "item",
+    actionItem,
+    disabled,
+    checked,
+    readonlyOk: actionItem.readonlyOk
+  };
+}
+function shapesWithUnboundArrows(editor) {
+  const selectedShapeIds = editor.getSelectedShapeIds();
+  const selectedShapes = selectedShapeIds.map((id) => {
+    return editor.getShape(id);
+  });
+  return selectedShapes.filter((shape) => {
+    if (!shape)
+      return false;
+    if (editor.isShapeOfType(shape, "arrow") && shape.props.start.type === "binding") {
+      return false;
+    }
+    if (editor.isShapeOfType(shape, "arrow") && shape.props.end.type === "binding") {
+      return false;
+    }
+    return true;
+  });
+}
+const useThreeStackableItems = () => {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)("threeStackableItems", () => shapesWithUnboundArrows(editor).length > 2, [editor]);
+};
+function shapesWithArrowsBoundToThem(editor) {
+  const selectedShapes = editor.getSelectedShapes();
+  const arrows = [];
+  const otherShapesMap = /* @__PURE__ */ new Map();
+  selectedShapes.forEach((shape) => {
+    if (shape.type === "arrow") {
+      arrows.push(shape);
+    } else {
+      otherShapesMap.set(shape.id, shape);
+    }
+  });
+  const groupableArrows = arrows.filter((arrow) => {
+    if (arrow.props.start.type === "binding") {
+      if (!otherShapesMap.has(arrow.props.start.boundShapeId)) {
+        return false;
+      }
+    }
+    if (arrow.props.end.type === "binding") {
+      if (!otherShapesMap.has(arrow.props.end.boundShapeId)) {
+        return false;
+      }
+    }
+    return true;
+  });
+  return Array.from(otherShapesMap.values()).concat(groupableArrows);
+}
+const useAllowGroup = () => {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)("allowGroup", () => shapesWithArrowsBoundToThem(editor).length > 1, [editor]);
+};
+const useAllowUngroup = () => {
+  const editor = (0, import_editor.useEditor)();
+  return (0, import_editor.useValue)(
+    "allowUngroup",
+    () => editor.getSelectedShapeIds().some((id) => editor.getShape(id)?.type === "group"),
+    [editor]
+  );
+};
+function findMenuItem(menu, path) {
+  const item = _findMenuItem(menu, path);
+  (0, import_editor.assert)(item, `Menu item ${path.join(" > ")} not found`);
+  return item;
+}
+function _findMenuItem(menu, path) {
+  const [next, ...rest] = path;
+  if (!next)
+    return null;
+  const item = menu.find((item2) => item2?.id === next);
+  if (!item)
+    return null;
+  switch (item.type) {
+    case "group":
+    case "submenu":
+      return rest.length === 0 ? item : _findMenuItem(item.children, rest);
+    case "item":
+    case "custom":
+      return rest.length === 0 ? item : null;
+    default:
+      (0, import_editor.exhaustiveSwitchError)(item, "type");
+  }
+}
+const showMenuPaste = typeof window !== "undefined" && "navigator" in window && Boolean(navigator.clipboard) && Boolean(navigator.clipboard.read);
+//# sourceMappingURL=menuHelpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/menuHelpers.ts"],
+  "sourcesContent": ["import {\n\tEditor,\n\tTLArrowShape,\n\tTLShape,\n\tTLShapeId,\n\tassert,\n\texhaustiveSwitchError,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\nimport { TLUiActionItem } from './useActions'\nimport { TLUiToolItem } from './useTools'\nimport { TLUiTranslationKey } from './useTranslation/TLUiTranslationKey'\n\n/** @public */\nexport type TLUiMenuChild<TranslationKey extends string = string> =\n\t| TLUiMenuItem\n\t| TLUiSubMenu<TranslationKey>\n\t| TLUiMenuGroup\n\t| TLUiCustomMenuItem\n\t| null\n\n/** @public */\nexport type TLUiCustomMenuItem = {\n\tid: string\n\ttype: 'custom'\n\tdisabled: boolean\n\treadonlyOk: boolean\n}\n\n/** @public */\nexport type TLUiMenuItem = {\n\tid: string\n\ttype: 'item'\n\treadonlyOk: boolean\n\tactionItem: TLUiActionItem\n\tdisabled: boolean\n\tchecked: boolean\n}\n\n/** @public */\nexport type TLUiMenuGroup = {\n\tid: string\n\ttype: 'group'\n\tcheckbox: boolean\n\tdisabled: boolean\n\treadonlyOk: boolean\n\tchildren: TLUiMenuChild[]\n}\n\n/** @public */\nexport type TLUiSubMenu<TranslationKey extends string = string> = {\n\tid: string\n\ttype: 'submenu'\n\tlabel: TranslationKey\n\tdisabled: boolean\n\treadonlyOk: boolean\n\tchildren: TLUiMenuChild[]\n}\n\n/** @public */\nexport type TLUiMenuSchema = (TLUiMenuGroup | TLUiMenuItem | TLUiCustomMenuItem)[]\n\n/** @public */\nexport function compactMenuItems<T>(arr: T[]): Exclude<T, null | false | undefined>[] {\n\treturn arr.filter((i) => i !== undefined && i !== null && i !== false) as any\n}\n\n/** @public */\nexport function menuGroup(\n\tid: string,\n\t...children: (TLUiMenuChild | false)[]\n): TLUiMenuGroup | null {\n\tconst childItems = compactMenuItems(children)\n\n\tif (childItems.length === 0) return null\n\n\treturn {\n\t\tid,\n\t\ttype: 'group',\n\t\tcheckbox: childItems.every((child) => child.type === 'item' && child.actionItem.checkbox),\n\t\tdisabled: childItems.every((child) => child.disabled),\n\t\treadonlyOk: childItems.some((child) => child.readonlyOk),\n\t\tchildren: childItems,\n\t}\n}\n\n/** @public */\nexport function menuSubmenu(\n\tid: string,\n\tlabel: TLUiTranslationKey | Exclude<string, TLUiTranslationKey>,\n\t...children: (TLUiMenuChild | false)[]\n): TLUiSubMenu | null {\n\tconst childItems = compactMenuItems(children)\n\tif (childItems.length === 0) return null\n\n\treturn {\n\t\tid,\n\t\ttype: 'submenu',\n\t\tlabel,\n\t\tchildren: childItems,\n\t\tdisabled: childItems.every((child) => child.disabled),\n\t\treadonlyOk: childItems.some((child) => child.readonlyOk),\n\t}\n}\n\n/** @public */\nexport function menuCustom(\n\tid: string,\n\topts = {} as Partial<{ readonlyOk: boolean; disabled: boolean }>\n) {\n\tconst { readonlyOk = true, disabled = false } = opts\n\treturn {\n\t\tid,\n\t\ttype: 'custom' as const,\n\t\tdisabled,\n\t\treadonlyOk,\n\t}\n}\n\n/** @public */\nexport function menuItem(\n\tactionItem: TLUiActionItem | TLUiToolItem,\n\topts = {} as Partial<{ checked: boolean; disabled: boolean }>\n): TLUiMenuItem {\n\tif (!actionItem) {\n\t\tthrow Error('No action item provided to menuItem')\n\t}\n\n\tif (!actionItem.label) {\n\t\tthrow Error(\"Trying to create menu item for action item that doesn't have a label\")\n\t}\n\n\tconst { checked = false, disabled = false } = opts\n\n\treturn {\n\t\tid: actionItem.id,\n\t\ttype: 'item' as const,\n\t\tactionItem,\n\t\tdisabled,\n\t\tchecked,\n\t\treadonlyOk: actionItem.readonlyOk,\n\t}\n}\n\nfunction shapesWithUnboundArrows(editor: Editor) {\n\tconst selectedShapeIds = editor.getSelectedShapeIds()\n\tconst selectedShapes = selectedShapeIds.map((id) => {\n\t\treturn editor.getShape(id)\n\t})\n\n\treturn selectedShapes.filter((shape) => {\n\t\tif (!shape) return false\n\t\tif (\n\t\t\teditor.isShapeOfType<TLArrowShape>(shape, 'arrow') &&\n\t\t\tshape.props.start.type === 'binding'\n\t\t) {\n\t\t\treturn false\n\t\t}\n\t\tif (editor.isShapeOfType<TLArrowShape>(shape, 'arrow') && shape.props.end.type === 'binding') {\n\t\t\treturn false\n\t\t}\n\t\treturn true\n\t})\n}\n\n/** @internal */\nexport const useThreeStackableItems = () => {\n\tconst editor = useEditor()\n\treturn useValue('threeStackableItems', () => shapesWithUnboundArrows(editor).length > 2, [editor])\n}\n\nfunction shapesWithArrowsBoundToThem(editor: Editor) {\n\tconst selectedShapes = editor.getSelectedShapes()\n\tconst arrows: TLArrowShape[] = []\n\tconst otherShapesMap = new Map<TLShapeId, TLShape>()\n\tselectedShapes.forEach((shape) => {\n\t\tif (shape.type === 'arrow') {\n\t\t\tarrows.push(shape as TLArrowShape)\n\t\t} else {\n\t\t\totherShapesMap.set(shape.id, shape)\n\t\t}\n\t})\n\t// We want to get all the arrows that are either unbound or bound to one of the selected shapes\n\tconst groupableArrows = arrows.filter((arrow) => {\n\t\tif (arrow.props.start.type === 'binding') {\n\t\t\tif (!otherShapesMap.has(arrow.props.start.boundShapeId)) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\t\tif (arrow.props.end.type === 'binding') {\n\t\t\tif (!otherShapesMap.has(arrow.props.end.boundShapeId)) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\t\treturn true\n\t})\n\treturn Array.from(otherShapesMap.values()).concat(groupableArrows)\n}\n\n/** @internal */\nexport const useAllowGroup = () => {\n\tconst editor = useEditor()\n\treturn useValue('allowGroup', () => shapesWithArrowsBoundToThem(editor).length > 1, [editor])\n}\n\n/** @internal */\nexport const useAllowUngroup = () => {\n\tconst editor = useEditor()\n\treturn useValue(\n\t\t'allowUngroup',\n\t\t() => editor.getSelectedShapeIds().some((id) => editor.getShape(id)?.type === 'group'),\n\t\t[editor]\n\t)\n}\n\n/** @public */\nexport function findMenuItem(menu: TLUiMenuSchema, path: string[]) {\n\tconst item = _findMenuItem(menu, path)\n\tassert(item, `Menu item ${path.join(' > ')} not found`)\n\treturn item\n}\n\nfunction _findMenuItem(menu: TLUiMenuSchema | TLUiMenuChild[], path: string[]): TLUiMenuChild {\n\tconst [next, ...rest] = path\n\tif (!next) return null\n\n\tconst item = menu.find((item) => item?.id === next)\n\tif (!item) return null\n\n\tswitch (item.type) {\n\t\tcase 'group':\n\t\tcase 'submenu':\n\t\t\treturn rest.length === 0 ? item : _findMenuItem(item.children, rest)\n\t\tcase 'item':\n\t\tcase 'custom':\n\t\t\treturn rest.length === 0 ? item : null\n\t\tdefault:\n\t\t\texhaustiveSwitchError(item, 'type')\n\t}\n}\n\nexport const showMenuPaste =\n\ttypeof window !== 'undefined' &&\n\t'navigator' in window &&\n\tBoolean(navigator.clipboard) &&\n\tBoolean(navigator.clipboard.read)\n"],
+  "mappings": "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",
+  "names": ["item"]
+}