@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-esm/lib/ui/TldrawUi.mjs

@@ -0,0 +1,125 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEditor, useValue } from "@bigbluebutton/editor";
+import { ToastProvider } from "@radix-ui/react-toast";
+import classNames from "classnames";
+import React from "react";
+import { TldrawUiContextProvider } from "./TldrawUiContextProvider.mjs";
+import { BackToContent } from "./components/BackToContent.mjs";
+import { DebugPanel } from "./components/DebugPanel.mjs";
+import { Dialogs } from "./components/Dialogs.mjs";
+import { FollowingIndicator } from "./components/FollowingIndicator.mjs";
+import { HelpMenu } from "./components/HelpMenu.mjs";
+import { MenuZone } from "./components/MenuZone.mjs";
+import { NavigationZone } from "./components/NavigationZone/NavigationZone.mjs";
+import { ExitPenMode } from "./components/PenModeToggle.mjs";
+import { StopFollowing } from "./components/StopFollowing.mjs";
+import { StylePanel } from "./components/StylePanel/StylePanel.mjs";
+import { ToastViewport, Toasts } from "./components/Toasts.mjs";
+import { Toolbar } from "./components/Toolbar/Toolbar.mjs";
+import { Button } from "./components/primitives/Button.mjs";
+import { useActions } from "./hooks/useActions.mjs";
+import { useBreakpoint } from "./hooks/useBreakpoint.mjs";
+import { useNativeClipboardEvents } from "./hooks/useClipboardEvents.mjs";
+import { useEditorEvents } from "./hooks/useEditorEvents.mjs";
+import { useKeyboardShortcuts } from "./hooks/useKeyboardShortcuts.mjs";
+import { useTranslation } from "./hooks/useTranslation/useTranslation.mjs";
+const TldrawUi = React.memo(function TldrawUi2({
+  shareZone,
+  topZone,
+  renderDebugMenuItems,
+  children,
+  hideUi,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(TldrawUiContextProvider, { ...rest, children: /* @__PURE__ */ jsx(
+    TldrawUiInner,
+    {
+      hideUi,
+      shareZone,
+      topZone,
+      renderDebugMenuItems,
+      children
+    }
+  ) });
+});
+const TldrawUiInner = React.memo(function TldrawUiInner2({
+  children,
+  hideUi,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    hideUi ? null : /* @__PURE__ */ jsx(TldrawUiContent, { ...rest })
+  ] });
+});
+const TldrawUiContent = React.memo(function TldrawUI({
+  shareZone,
+  topZone,
+  renderDebugMenuItems
+}) {
+  const editor = useEditor();
+  const msg = useTranslation();
+  const breakpoint = useBreakpoint();
+  const isReadonlyMode = useValue("isReadonlyMode", () => editor.getInstanceState().isReadonly, [
+    editor
+  ]);
+  const isFocusMode = useValue("focus", () => editor.getInstanceState().isFocusMode, [editor]);
+  const isDebugMode = useValue("debug", () => editor.getInstanceState().isDebugMode, [editor]);
+  useKeyboardShortcuts();
+  useNativeClipboardEvents();
+  useEditorEvents();
+  const { "toggle-focus-mode": toggleFocus } = useActions();
+  return /* @__PURE__ */ jsx(ToastProvider, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames("tlui-layout", {
+        "tlui-layout__mobile": breakpoint < 5
+      }),
+      "data-breakpoint": breakpoint,
+      children: [
+        isFocusMode ? /* @__PURE__ */ jsx("div", { className: "tlui-layout__top", children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "icon",
+            className: "tlui-focus-button",
+            title: `${msg("focus-mode.toggle-focus-mode")}`,
+            icon: "dot",
+            onClick: () => toggleFocus.onSelect("menu")
+          }
+        ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "tlui-layout__top", children: [
+            /* @__PURE__ */ jsxs("div", { className: "tlui-layout__top__left", children: [
+              /* @__PURE__ */ jsx(MenuZone, {}),
+              /* @__PURE__ */ jsxs("div", { className: "tlui-helper-buttons", children: [
+                /* @__PURE__ */ jsx(ExitPenMode, {}),
+                /* @__PURE__ */ jsx(BackToContent, {}),
+                /* @__PURE__ */ jsx(StopFollowing, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "tlui-layout__top__center", children: topZone }),
+            /* @__PURE__ */ jsxs("div", { className: "tlui-layout__top__right", children: [
+              shareZone,
+              breakpoint >= 5 && !isReadonlyMode && /* @__PURE__ */ jsx("div", { className: "tlui-style-panel__wrapper", children: /* @__PURE__ */ jsx(StylePanel, {}) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "tlui-layout__bottom", children: [
+            /* @__PURE__ */ jsxs("div", { className: "tlui-layout__bottom__main", children: [
+              /* @__PURE__ */ jsx(NavigationZone, {}),
+              /* @__PURE__ */ jsx(Toolbar, {}),
+              breakpoint >= 4 && /* @__PURE__ */ jsx(HelpMenu, {})
+            ] }),
+            isDebugMode && /* @__PURE__ */ jsx(DebugPanel, { renderDebugMenuItems: renderDebugMenuItems ?? null })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(Toasts, {}),
+        /* @__PURE__ */ jsx(Dialogs, {}),
+        /* @__PURE__ */ jsx(ToastViewport, {}),
+        /* @__PURE__ */ jsx(FollowingIndicator, {})
+      ]
+    }
+  ) });
+});
+export {
+  TldrawUi
+};
+//# sourceMappingURL=TldrawUi.mjs.map

package/dist-esm/lib/ui/TldrawUi.mjs.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": ["TldrawUi", "TldrawUiInner"]
+}

package/dist-esm/lib/ui/TldrawUiContextProvider.mjs

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { useDefaultUiAssetUrlsWithOverrides } from "./assetUrls.mjs";
+import { ActionsProvider } from "./hooks/useActions.mjs";
+import { ActionsMenuSchemaProvider } from "./hooks/useActionsMenuSchema.mjs";
+import { AssetUrlsProvider } from "./hooks/useAssetUrls.mjs";
+import { BreakPointProvider } from "./hooks/useBreakpoint.mjs";
+import { TLUiContextMenuSchemaProvider } from "./hooks/useContextMenuSchema.mjs";
+import { DialogsProvider } from "./hooks/useDialogsProvider.mjs";
+import { UiEventsProvider } from "./hooks/useEventsProvider.mjs";
+import { HelpMenuSchemaProvider } from "./hooks/useHelpMenuSchema.mjs";
+import { KeyboardShortcutsSchemaProvider } from "./hooks/useKeyboardShortcutsSchema.mjs";
+import { TLUiMenuSchemaProvider } from "./hooks/useMenuSchema.mjs";
+import { ToastsProvider } from "./hooks/useToastsProvider.mjs";
+import { ToolbarSchemaProvider } from "./hooks/useToolbarSchema.mjs";
+import { ToolsProvider } from "./hooks/useTools.mjs";
+import { TranslationProvider } from "./hooks/useTranslation/useTranslation.mjs";
+import { useMergedOverrides, useMergedTranslationOverrides } from "./overrides.mjs";
+function TldrawUiContextProvider({
+  overrides,
+  assetUrls,
+  onUiEvent,
+  forceMobile,
+  children
+}) {
+  return /* @__PURE__ */ jsx(AssetUrlsProvider, { assetUrls: useDefaultUiAssetUrlsWithOverrides(assetUrls), children: /* @__PURE__ */ jsx(TranslationProvider, { overrides: useMergedTranslationOverrides(overrides), children: /* @__PURE__ */ jsx(UiEventsProvider, { onEvent: onUiEvent, children: /* @__PURE__ */ jsx(ToastsProvider, { children: /* @__PURE__ */ jsx(DialogsProvider, { children: /* @__PURE__ */ jsx(BreakPointProvider, { forceMobile, children: /* @__PURE__ */ jsx(InternalProviders, { overrides, children }) }) }) }) }) }) });
+}
+function InternalProviders({
+  overrides,
+  children
+}) {
+  const mergedOverrides = useMergedOverrides(overrides);
+  return /* @__PURE__ */ jsx(ActionsProvider, { overrides: mergedOverrides.actions, children: /* @__PURE__ */ jsx(ToolsProvider, { overrides: mergedOverrides.tools, children: /* @__PURE__ */ jsx(ToolbarSchemaProvider, { overrides: mergedOverrides.toolbar, children: /* @__PURE__ */ jsx(ActionsMenuSchemaProvider, { overrides: mergedOverrides.actionsMenu, children: /* @__PURE__ */ jsx(KeyboardShortcutsSchemaProvider, { overrides: mergedOverrides.keyboardShortcutsMenu, children: /* @__PURE__ */ jsx(TLUiContextMenuSchemaProvider, { overrides: mergedOverrides.contextMenu, children: /* @__PURE__ */ jsx(HelpMenuSchemaProvider, { overrides: mergedOverrides.helpMenu, children: /* @__PURE__ */ jsx(TLUiMenuSchemaProvider, { overrides: mergedOverrides.menu, children }) }) }) }) }) }) }) });
+}
+export {
+  TldrawUiContextProvider
+};
+//# sourceMappingURL=TldrawUiContextProvider.mjs.map

package/dist-esm/lib/ui/TldrawUiContextProvider.mjs.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": "AAiEQ;AAhER,SAAwB,0CAA0C;AAClE,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAC1C,SAAS,yBAAyB;AAClC,SAAS,0BAA0B;AACnC,SAAS,qCAAqC;AAC9C,SAAS,uBAAuB;AAChC,SAA2B,wBAAwB;AACnD,SAAS,8BAA8B;AACvC,SAAS,uCAAuC;AAChD,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,6BAA6B;AACtC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAwB,oBAAoB,qCAAqC;AAmC1E,SAAS,wBAAwB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAiC;AAChC,SACC,oBAAC,qBAAkB,WAAW,mCAAmC,SAAS,GACzE,8BAAC,uBAAoB,WAAW,8BAA8B,SAAS,GACtE,8BAAC,oBAAiB,SAAS,WAC1B,8BAAC,kBACA,8BAAC,mBACA,8BAAC,sBAAmB,aACnB,8BAAC,qBAAkB,WAAuB,UAAS,GACpD,GACD,GACD,GACD,GACD,GACD;AAEF;AACA,SAAS,kBAAkB;AAAA,EAC1B;AAAA,EACA;AACD,GAAuD;AACtD,QAAM,kBAAkB,mBAAmB,SAAS;AACpD,SACC,oBAAC,mBAAgB,WAAW,gBAAgB,SAC3C,8BAAC,iBAAc,WAAW,gBAAgB,OACzC,8BAAC,yBAAsB,WAAW,gBAAgB,SACjD,8BAAC,6BAA0B,WAAW,gBAAgB,aACrD,8BAAC,mCAAgC,WAAW,gBAAgB,uBAC3D,8BAAC,iCAA8B,WAAW,gBAAgB,aACzD,8BAAC,0BAAuB,WAAW,gBAAgB,UAClD,8BAAC,0BAAuB,WAAW,gBAAgB,MACjD,UACF,GACD,GACD,GACD,GACD,GACD,GACD,GACD;AAEF;",
+  "names": []
+}

package/dist-esm/lib/ui/assetUrls.mjs

@@ -0,0 +1,47 @@
+import { EMBED_DEFINITIONS, LANGUAGES } from "@bigbluebutton/editor";
+import { version } from "../ui/version.mjs";
+import { defaultEditorAssetUrls } from "../utils/static-assets/assetUrls.mjs";
+import { iconTypes } from "./icon-types.mjs";
+let defaultUiAssetUrls = {
+  ...defaultEditorAssetUrls,
+  icons: Object.fromEntries(
+    iconTypes.map((name) => [
+      name,
+      `https://unpkg.com/@bigbluebutton/assets@${version}/icons/icon/${name}.svg`
+    ])
+  ),
+  translations: Object.fromEntries(
+    LANGUAGES.map((lang) => [
+      lang.locale,
+      `https://unpkg.com/@bigbluebutton/assets@${version}/translations/${lang.locale}.json`
+    ])
+  ),
+  embedIcons: Object.fromEntries(
+    EMBED_DEFINITIONS.map((def) => [
+      def.type,
+      `https://unpkg.com/@bigbluebutton/assets@${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 }
+    )
+  };
+}
+export {
+  defaultUiAssetUrls,
+  setDefaultUiAssetUrls,
+  useDefaultUiAssetUrlsWithOverrides
+};
+//# sourceMappingURL=assetUrls.mjs.map

package/dist-esm/lib/ui/assetUrls.mjs.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,SAAS,mBAAmB,iBAAmC;AAC/D,SAAS,eAAe;AACxB,SAA4B,8BAA8B;AAC1D,SAAuB,iBAAiB;AAWjC,IAAI,qBAAoC;AAAA,EAC9C,GAAG;AAAA,EACH,OAAO,OAAO;AAAA,IACb,UAAU,IAAI,CAAC,SAAS;AAAA,MACvB;AAAA,MACA,2CAA2C,OAAO,eAAe,IAAI;AAAA,IACtE,CAAC;AAAA,EACF;AAAA,EACA,cAAc,OAAO;AAAA,IACpB,UAAU,IAAI,CAAC,SAAS;AAAA,MACvB,KAAK;AAAA,MACL,2CAA2C,OAAO,iBAAiB,KAAK,MAAM;AAAA,IAC/E,CAAC;AAAA,EACF;AAAA,EACA,YAAY,OAAO;AAAA,IAClB,kBAAkB,IAAI,CAAC,QAAQ;AAAA,MAC9B,IAAI;AAAA,MACJ,2CAA2C,OAAO,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": []
+}

package/dist-esm/lib/ui/components/ActionsMenu.mjs

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContainer } from "@bigbluebutton/editor";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { memo } from "react";
+import { useActionsMenuSchema } from "../hooks/useActionsMenuSchema.mjs";
+import { useReadonly } from "../hooks/useReadonly.mjs";
+import { useTranslation } from "../hooks/useTranslation/useTranslation.mjs";
+import { Button } from "./primitives/Button.mjs";
+import { Popover, PopoverTrigger } from "./primitives/Popover.mjs";
+import { kbdStr } from "./primitives/shared.mjs";
+const ActionsMenu = memo(function ActionsMenu2() {
+  const msg = useTranslation();
+  const container = useContainer();
+  const menuSchema = useActionsMenuSchema();
+  const isReadonly = useReadonly();
+  function getActionMenuItem(item) {
+    if (!item)
+      return null;
+    if (isReadonly && !item.readonlyOk)
+      return null;
+    switch (item.type) {
+      case "item": {
+        const { id, icon, label, kbd, onSelect } = item.actionItem;
+        return /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": `menu-item.${item.id}`,
+            icon,
+            type: "icon",
+            title: label ? kbd ? `${msg(label)} ${kbdStr(kbd)}` : `${msg(label)}` : kbd ? `${kbdStr(kbd)}` : "",
+            onClick: () => onSelect("actions-menu"),
+            disabled: item.disabled
+          },
+          id
+        );
+      }
+    }
+  }
+  return /* @__PURE__ */ jsxs(Popover, { id: "actions-menu", children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        className: "tlui-menu__trigger",
+        "data-testid": "main.action-menu",
+        icon: "dots-vertical",
+        title: msg("actions-menu.title"),
+        type: "icon",
+        smallIcon: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container, children: /* @__PURE__ */ jsx(
+      PopoverPrimitive.Content,
+      {
+        className: "tlui-popover__content",
+        side: "bottom",
+        dir: "ltr",
+        sideOffset: 6,
+        children: /* @__PURE__ */ jsx("div", { className: "tlui-actions-menu tlui-buttons__grid", children: menuSchema.map(getActionMenuItem) })
+      }
+    ) })
+  ] });
+});
+export {
+  ActionsMenu
+};
+//# sourceMappingURL=ActionsMenu.mjs.map

package/dist-esm/lib/ui/components/ActionsMenu.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/components/ActionsMenu.tsx"],
+  "sourcesContent": ["import { useContainer } from '@bigbluebutton/editor'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { memo } from 'react'\nimport { TLUiMenuChild } from '../hooks/menuHelpers'\nimport { useActionsMenuSchema } from '../hooks/useActionsMenuSchema'\nimport { useReadonly } from '../hooks/useReadonly'\nimport { useTranslation } from '../hooks/useTranslation/useTranslation'\nimport { Button } from './primitives/Button'\nimport { Popover, PopoverTrigger } from './primitives/Popover'\nimport { kbdStr } from './primitives/shared'\n\nexport const ActionsMenu = memo(function ActionsMenu() {\n\tconst msg = useTranslation()\n\tconst container = useContainer()\n\tconst menuSchema = useActionsMenuSchema()\n\tconst isReadonly = useReadonly()\n\n\tfunction getActionMenuItem(item: TLUiMenuChild) {\n\t\tif (!item) return null\n\t\tif (isReadonly && !item.readonlyOk) return null\n\n\t\tswitch (item.type) {\n\t\t\tcase 'item': {\n\t\t\t\tconst { id, icon, label, kbd, onSelect } = item.actionItem\n\n\t\t\t\treturn (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\tdata-testid={`menu-item.${item.id}`}\n\t\t\t\t\t\ticon={icon}\n\t\t\t\t\t\ttype=\"icon\"\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t? kbd\n\t\t\t\t\t\t\t\t\t? `${msg(label)} ${kbdStr(kbd)}`\n\t\t\t\t\t\t\t\t\t: `${msg(label)}`\n\t\t\t\t\t\t\t\t: kbd\n\t\t\t\t\t\t\t\t? `${kbdStr(kbd)}`\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClick={() => onSelect('actions-menu')}\n\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\treturn (\n\t\t<Popover id=\"actions-menu\">\n\t\t\t<PopoverTrigger>\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"tlui-menu__trigger\"\n\t\t\t\t\tdata-testid=\"main.action-menu\"\n\t\t\t\t\ticon=\"dots-vertical\"\n\t\t\t\t\ttitle={msg('actions-menu.title')}\n\t\t\t\t\ttype=\"icon\" // needs to be here because the trigger also passes down type=\"button\"\n\t\t\t\t\tsmallIcon\n\t\t\t\t/>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverPrimitive.Portal container={container}>\n\t\t\t\t<PopoverPrimitive.Content\n\t\t\t\t\tclassName=\"tlui-popover__content\"\n\t\t\t\t\tside=\"bottom\"\n\t\t\t\t\tdir=\"ltr\"\n\t\t\t\t\tsideOffset={6}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"tlui-actions-menu tlui-buttons__grid\">\n\t\t\t\t\t\t{menuSchema.map(getActionMenuItem)}\n\t\t\t\t\t</div>\n\t\t\t\t</PopoverPrimitive.Content>\n\t\t\t</PopoverPrimitive.Portal>\n\t\t</Popover>\n\t)\n})\n"],
+  "mappings": "AA0BK,cAuBH,YAvBG;AA1BL,SAAS,oBAAoB;AAC7B,YAAY,sBAAsB;AAClC,SAAS,YAAY;AAErB,SAAS,4BAA4B;AACrC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,cAAc;AACvB,SAAS,SAAS,sBAAsB;AACxC,SAAS,cAAc;AAEhB,MAAM,cAAc,KAAK,SAASA,eAAc;AACtD,QAAM,MAAM,eAAe;AAC3B,QAAM,YAAY,aAAa;AAC/B,QAAM,aAAa,qBAAqB;AACxC,QAAM,aAAa,YAAY;AAE/B,WAAS,kBAAkB,MAAqB;AAC/C,QAAI,CAAC;AAAM,aAAO;AAClB,QAAI,cAAc,CAAC,KAAK;AAAY,aAAO;AAE3C,YAAQ,KAAK,MAAM;AAAA,MAClB,KAAK,QAAQ;AACZ,cAAM,EAAE,IAAI,MAAM,OAAO,KAAK,SAAS,IAAI,KAAK;AAEhD,eACC;AAAA,UAAC;AAAA;AAAA,YAEA,eAAa,aAAa,KAAK,EAAE;AAAA,YACjC;AAAA,YACA,MAAK;AAAA,YACL,OACC,QACG,MACC,GAAG,IAAI,KAAK,CAAC,IAAI,OAAO,GAAG,CAAC,KAC5B,GAAG,IAAI,KAAK,CAAC,KACd,MACA,GAAG,OAAO,GAAG,CAAC,KACd;AAAA,YAEJ,SAAS,MAAM,SAAS,cAAc;AAAA,YACtC,UAAU,KAAK;AAAA;AAAA,UAdV;AAAA,QAeN;AAAA,MAEF;AAAA,IACD;AAAA,EACD;AAEA,SACC,qBAAC,WAAQ,IAAG,gBACX;AAAA,wBAAC,kBACA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,eAAY;AAAA,QACZ,MAAK;AAAA,QACL,OAAO,IAAI,oBAAoB;AAAA,QAC/B,MAAK;AAAA,QACL,WAAS;AAAA;AAAA,IACV,GACD;AAAA,IACA,oBAAC,iBAAiB,QAAjB,EAAwB,WACxB;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACA,WAAU;AAAA,QACV,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,YAAY;AAAA,QAEZ,8BAAC,SAAI,WAAU,wCACb,qBAAW,IAAI,iBAAiB,GAClC;AAAA;AAAA,IACD,GACD;AAAA,KACD;AAEF,CAAC;",
+  "names": ["ActionsMenu"]
+}

package/dist-esm/lib/ui/components/BackToContent.mjs

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { useEditor } from "@bigbluebutton/editor";
+import { useEffect, useState } from "react";
+import { useActions } from "../hooks/useActions.mjs";
+import { Button } from "./primitives/Button.mjs";
+function BackToContent() {
+  const editor = useEditor();
+  const actions = useActions();
+  const action = actions["back-to-content"];
+  const [showBackToContent, setShowBackToContent] = useState(false);
+  useEffect(() => {
+    let showBackToContentPrev = false;
+    const interval = setInterval(() => {
+      const renderingShapes = editor.getRenderingShapes();
+      const renderingBounds = editor.getRenderingBounds();
+      const visibleShapes = renderingShapes.filter(
+        (s) => s.maskedPageBounds && renderingBounds.includes(s.maskedPageBounds)
+      );
+      const showBackToContentNow = visibleShapes.length === 0 && editor.getCurrentPageShapes().length > 0;
+      if (showBackToContentPrev !== showBackToContentNow) {
+        setShowBackToContent(showBackToContentNow);
+        showBackToContentPrev = showBackToContentNow;
+      }
+    }, 1e3);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [editor]);
+  if (!showBackToContent)
+    return null;
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      iconLeft: action.icon,
+      label: action.label,
+      type: "low",
+      onClick: () => {
+        action.onSelect("helper-buttons");
+        setShowBackToContent(false);
+      }
+    }
+  );
+}
+export {
+  BackToContent
+};
+//# sourceMappingURL=BackToContent.mjs.map

package/dist-esm/lib/ui/components/BackToContent.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/components/BackToContent.tsx"],
+  "sourcesContent": ["import { useEditor } from '@bigbluebutton/editor'\nimport { useEffect, useState } from 'react'\nimport { useActions } from '../hooks/useActions'\nimport { Button } from './primitives/Button'\n\nexport function BackToContent() {\n\tconst editor = useEditor()\n\n\tconst actions = useActions()\n\tconst action = actions['back-to-content']\n\n\tconst [showBackToContent, setShowBackToContent] = useState(false)\n\n\tuseEffect(() => {\n\t\tlet showBackToContentPrev = false\n\n\t\tconst interval = setInterval(() => {\n\t\t\tconst renderingShapes = editor.getRenderingShapes()\n\t\t\tconst renderingBounds = editor.getRenderingBounds()\n\n\t\t\t// renderingShapes will also include shapes that have the canUnmount flag\n\t\t\t// set to true. These shapes will be on the canvas but may not be in the\n\t\t\t// viewport... so we also need to narrow down the list to only shapes that\n\t\t\t// are ALSO in the viewport.\n\t\t\tconst visibleShapes = renderingShapes.filter(\n\t\t\t\t(s) => s.maskedPageBounds && renderingBounds.includes(s.maskedPageBounds)\n\t\t\t)\n\t\t\tconst showBackToContentNow =\n\t\t\t\tvisibleShapes.length === 0 && editor.getCurrentPageShapes().length > 0\n\n\t\t\tif (showBackToContentPrev !== showBackToContentNow) {\n\t\t\t\tsetShowBackToContent(showBackToContentNow)\n\t\t\t\tshowBackToContentPrev = showBackToContentNow\n\t\t\t}\n\t\t}, 1000)\n\n\t\treturn () => {\n\t\t\tclearInterval(interval)\n\t\t}\n\t}, [editor])\n\n\tif (!showBackToContent) return null\n\n\treturn (\n\t\t<Button\n\t\t\ticonLeft={action.icon}\n\t\t\tlabel={action.label}\n\t\t\ttype=\"low\"\n\t\t\tonClick={() => {\n\t\t\t\taction.onSelect('helper-buttons')\n\t\t\t\tsetShowBackToContent(false)\n\t\t\t}}\n\t\t/>\n\t)\n}\n"],
+  "mappings": "AA4CE;AA5CF,SAAS,iBAAiB;AAC1B,SAAS,WAAW,gBAAgB;AACpC,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAEhB,SAAS,gBAAgB;AAC/B,QAAM,SAAS,UAAU;AAEzB,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,QAAQ,iBAAiB;AAExC,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAEhE,YAAU,MAAM;AACf,QAAI,wBAAwB;AAE5B,UAAM,WAAW,YAAY,MAAM;AAClC,YAAM,kBAAkB,OAAO,mBAAmB;AAClD,YAAM,kBAAkB,OAAO,mBAAmB;AAMlD,YAAM,gBAAgB,gBAAgB;AAAA,QACrC,CAAC,MAAM,EAAE,oBAAoB,gBAAgB,SAAS,EAAE,gBAAgB;AAAA,MACzE;AACA,YAAM,uBACL,cAAc,WAAW,KAAK,OAAO,qBAAqB,EAAE,SAAS;AAEtE,UAAI,0BAA0B,sBAAsB;AACnD,6BAAqB,oBAAoB;AACzC,gCAAwB;AAAA,MACzB;AAAA,IACD,GAAG,GAAI;AAEP,WAAO,MAAM;AACZ,oBAAc,QAAQ;AAAA,IACvB;AAAA,EACD,GAAG,CAAC,MAAM,CAAC;AAEX,MAAI,CAAC;AAAmB,WAAO;AAE/B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,UAAU,OAAO;AAAA,MACjB,OAAO,OAAO;AAAA,MACd,MAAK;AAAA,MACL,SAAS,MAAM;AACd,eAAO,SAAS,gBAAgB;AAChC,6BAAqB,KAAK;AAAA,MAC3B;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/dist-esm/lib/ui/components/ContextMenu.mjs

@@ -0,0 +1,184 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { preventDefault, useContainer, useEditor, useValue } from "@bigbluebutton/editor";
+import * as _ContextMenu from "@radix-ui/react-context-menu";
+import classNames from "classnames";
+import { forwardRef, useCallback, useState } from "react";
+import { useBreakpoint } from "../hooks/useBreakpoint.mjs";
+import { useContextMenuSchema } from "../hooks/useContextMenuSchema.mjs";
+import { useMenuIsOpen } from "../hooks/useMenuIsOpen.mjs";
+import { useReadonly } from "../hooks/useReadonly.mjs";
+import { useTranslation } from "../hooks/useTranslation/useTranslation.mjs";
+import { MoveToPageMenu } from "./MoveToPageMenu.mjs";
+import { Button } from "./primitives/Button.mjs";
+import { Icon } from "./primitives/Icon.mjs";
+import { Kbd } from "./primitives/Kbd.mjs";
+const ContextMenu = function ContextMenu2({ children }) {
+  const editor = useEditor();
+  const contextTLUiMenuSchema = useContextMenuSchema();
+  const cb = useCallback(
+    (isOpen) => {
+      if (!isOpen) {
+        const onlySelectedShape = editor.getOnlySelectedShape();
+        if (onlySelectedShape && editor.isShapeOrAncestorLocked(onlySelectedShape)) {
+          editor.setSelectedShapes([]);
+        }
+      } else {
+        if (editor.getInstanceState().isCoarsePointer) {
+          const selectedShapes = editor.getSelectedShapes();
+          const {
+            inputs: { currentPagePoint }
+          } = editor;
+          const shapesAtPoint = editor.getShapesAtPoint(currentPagePoint);
+          if (
+            // if there are no selected shapes
+            !editor.getSelectedShapes().length || // OR if none of the shapes at the point include the selected shape
+            !shapesAtPoint.some((s) => selectedShapes.includes(s))
+          ) {
+            const lockedShapes = shapesAtPoint.filter((s) => editor.isShapeOrAncestorLocked(s));
+            if (lockedShapes.length) {
+              editor.select(...lockedShapes.map((s) => s.id));
+            }
+          }
+        }
+      }
+    },
+    [editor]
+  );
+  const container = useContainer();
+  const [_, handleOpenChange] = useMenuIsOpen("context menu", cb);
+  const isReadonly = useReadonly();
+  const noItemsToShow = contextTLUiMenuSchema.length === 0 || isReadonly && contextTLUiMenuSchema.every((item) => !item.readonlyOk);
+  const selectToolActive = useValue(
+    "isSelectToolActive",
+    () => editor.getCurrentToolId() === "select",
+    [editor]
+  );
+  const disabled = !selectToolActive || noItemsToShow;
+  return /* @__PURE__ */ jsxs(_ContextMenu.Root, { dir: "ltr", onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(
+      _ContextMenu.Trigger,
+      {
+        onContextMenu: disabled ? preventDefault : void 0,
+        dir: "ltr",
+        disabled,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(_ContextMenu.Portal, { container, children: /* @__PURE__ */ jsx(ContextMenuContent, {}) })
+  ] });
+};
+const ContextMenuContent = forwardRef(function ContextMenuContent2() {
+  const editor = useEditor();
+  const msg = useTranslation();
+  const menuSchema = useContextMenuSchema();
+  const [_, handleSubOpenChange] = useMenuIsOpen("context menu sub");
+  const isReadonly = useReadonly();
+  const breakpoint = useBreakpoint();
+  const container = useContainer();
+  const [disableClicks, setDisableClicks] = useState(false);
+  function getContextMenuItem(editor2, item, parent, depth) {
+    if (!item)
+      return null;
+    if (isReadonly && !item.readonlyOk)
+      return null;
+    switch (item.type) {
+      case "custom": {
+        switch (item.id) {
+          case "MOVE_TO_PAGE_MENU": {
+            return /* @__PURE__ */ jsx(MoveToPageMenu, {}, item.id);
+          }
+        }
+        break;
+      }
+      case "group": {
+        return /* @__PURE__ */ jsx(
+          _ContextMenu.Group,
+          {
+            dir: "ltr",
+            className: classNames("tlui-menu__group", {
+              "tlui-menu__group__small": parent?.type === "submenu"
+            }),
+            "data-testid": `menu-item.${item.id}`,
+            children: item.children.map((child) => getContextMenuItem(editor2, child, item, depth + 1))
+          },
+          item.id
+        );
+      }
+      case "submenu": {
+        return /* @__PURE__ */ jsxs(_ContextMenu.Sub, { onOpenChange: handleSubOpenChange, children: [
+          /* @__PURE__ */ jsx(_ContextMenu.SubTrigger, { dir: "ltr", disabled: item.disabled, asChild: true, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "menu",
+              label: item.label,
+              "data-testid": `menu-item.${item.id}`,
+              icon: "chevron-right"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(_ContextMenu.Portal, { container, children: /* @__PURE__ */ jsx(_ContextMenu.SubContent, { className: "tlui-menu", sideOffset: -4, collisionPadding: 4, children: item.children.map((child) => getContextMenuItem(editor2, child, item, depth + 1)) }) })
+        ] }, item.id);
+      }
+      case "item": {
+        if (isReadonly && !item.readonlyOk)
+          return null;
+        const { id, checkbox, contextMenuLabel, label, onSelect, kbd, icon } = item.actionItem;
+        const labelToUse = contextMenuLabel ?? label;
+        const labelStr = labelToUse ? msg(labelToUse) : void 0;
+        if (checkbox) {
+          return /* @__PURE__ */ jsxs(
+            _ContextMenu.CheckboxItem,
+            {
+              className: "tlui-button tlui-button__menu tlui-button__checkbox",
+              dir: "ltr",
+              disabled: item.disabled,
+              onSelect: (e) => {
+                onSelect("context-menu");
+                preventDefault(e);
+              },
+              title: labelStr ? labelStr : void 0,
+              checked: item.checked,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { small: true, icon: item.checked ? "check" : "checkbox-empty" }),
+                labelStr && /* @__PURE__ */ jsx("span", { className: "tlui-button__label", draggable: false, children: labelStr }),
+                kbd && /* @__PURE__ */ jsx(Kbd, { children: kbd })
+              ]
+            },
+            id
+          );
+        }
+        return /* @__PURE__ */ jsx(_ContextMenu.Item, { dir: "ltr", asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "menu",
+            "data-testid": `menu-item.${id}`,
+            kbd,
+            label: labelToUse,
+            disabled: item.disabled,
+            iconLeft: breakpoint < 3 && depth > 2 ? icon : void 0,
+            onClick: () => {
+              if (disableClicks) {
+                setDisableClicks(false);
+              } else {
+                onSelect("context-menu");
+              }
+            }
+          }
+        ) }, id);
+      }
+    }
+  }
+  return /* @__PURE__ */ jsx(_ContextMenu.Portal, { container, children: /* @__PURE__ */ jsx(
+    _ContextMenu.Content,
+    {
+      className: "tlui-menu scrollable",
+      alignOffset: -4,
+      collisionPadding: 4,
+      onContextMenu: preventDefault,
+      children: menuSchema.map((item) => getContextMenuItem(editor, item, null, 0))
+    }
+  ) });
+});
+export {
+  ContextMenu
+};
+//# sourceMappingURL=ContextMenu.mjs.map

package/dist-esm/lib/ui/components/ContextMenu.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/components/ContextMenu.tsx"],
+  "sourcesContent": ["import { Editor, preventDefault, useContainer, useEditor, useValue } from '@bigbluebutton/editor'\nimport * as _ContextMenu from '@radix-ui/react-context-menu'\nimport classNames from 'classnames'\nimport { forwardRef, useCallback, useState } from 'react'\nimport { TLUiMenuChild } from '../hooks/menuHelpers'\nimport { useBreakpoint } from '../hooks/useBreakpoint'\nimport { useContextMenuSchema } from '../hooks/useContextMenuSchema'\nimport { useMenuIsOpen } from '../hooks/useMenuIsOpen'\nimport { useReadonly } from '../hooks/useReadonly'\nimport { TLUiTranslationKey } from '../hooks/useTranslation/TLUiTranslationKey'\nimport { useTranslation } from '../hooks/useTranslation/useTranslation'\nimport { TLUiIconType } from '../icon-types'\nimport { MoveToPageMenu } from './MoveToPageMenu'\nimport { Button } from './primitives/Button'\nimport { Icon } from './primitives/Icon'\nimport { Kbd } from './primitives/Kbd'\n\n/** @public */\nexport interface TLUiContextMenuProps {\n\tchildren: any\n}\n\n/** @public */\nexport const ContextMenu = function ContextMenu({ children }: { children: any }) {\n\tconst editor = useEditor()\n\n\tconst contextTLUiMenuSchema = useContextMenuSchema()\n\n\tconst cb = useCallback(\n\t\t(isOpen: boolean) => {\n\t\t\tif (!isOpen) {\n\t\t\t\tconst onlySelectedShape = editor.getOnlySelectedShape()\n\n\t\t\t\tif (onlySelectedShape && editor.isShapeOrAncestorLocked(onlySelectedShape)) {\n\t\t\t\t\teditor.setSelectedShapes([])\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Weird route: selecting locked shapes on long press\n\t\t\t\tif (editor.getInstanceState().isCoarsePointer) {\n\t\t\t\t\tconst selectedShapes = editor.getSelectedShapes()\n\t\t\t\t\tconst {\n\t\t\t\t\t\tinputs: { currentPagePoint },\n\t\t\t\t\t} = editor\n\n\t\t\t\t\t// get all of the shapes under the current pointer\n\t\t\t\t\tconst shapesAtPoint = editor.getShapesAtPoint(currentPagePoint)\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t// if there are no selected shapes\n\t\t\t\t\t\t!editor.getSelectedShapes().length ||\n\t\t\t\t\t\t// OR if none of the shapes at the point include the selected shape\n\t\t\t\t\t\t!shapesAtPoint.some((s) => selectedShapes.includes(s))\n\t\t\t\t\t) {\n\t\t\t\t\t\t// then are there any locked shapes under the current pointer?\n\t\t\t\t\t\tconst lockedShapes = shapesAtPoint.filter((s) => editor.isShapeOrAncestorLocked(s))\n\n\t\t\t\t\t\tif (lockedShapes.length) {\n\t\t\t\t\t\t\t// nice, let's select them\n\t\t\t\t\t\t\teditor.select(...lockedShapes.map((s) => s.id))\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[editor]\n\t)\n\n\tconst container = useContainer()\n\n\tconst [_, handleOpenChange] = useMenuIsOpen('context menu', cb)\n\n\t// If every item in the menu is readonly, then we don't want to show the menu\n\tconst isReadonly = useReadonly()\n\n\tconst noItemsToShow =\n\t\tcontextTLUiMenuSchema.length === 0 ||\n\t\t(isReadonly && contextTLUiMenuSchema.every((item) => !item.readonlyOk))\n\n\tconst selectToolActive = useValue(\n\t\t'isSelectToolActive',\n\t\t() => editor.getCurrentToolId() === 'select',\n\t\t[editor]\n\t)\n\n\tconst disabled = !selectToolActive || noItemsToShow\n\n\treturn (\n\t\t<_ContextMenu.Root dir=\"ltr\" onOpenChange={handleOpenChange}>\n\t\t\t<_ContextMenu.Trigger\n\t\t\t\tonContextMenu={disabled ? preventDefault : undefined}\n\t\t\t\tdir=\"ltr\"\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</_ContextMenu.Trigger>\n\t\t\t<_ContextMenu.Portal container={container}>\n\t\t\t\t<ContextMenuContent />\n\t\t\t</_ContextMenu.Portal>\n\t\t</_ContextMenu.Root>\n\t)\n}\n\nconst ContextMenuContent = forwardRef(function ContextMenuContent() {\n\tconst editor = useEditor()\n\tconst msg = useTranslation()\n\tconst menuSchema = useContextMenuSchema()\n\tconst [_, handleSubOpenChange] = useMenuIsOpen('context menu sub')\n\n\tconst isReadonly = useReadonly()\n\tconst breakpoint = useBreakpoint()\n\tconst container = useContainer()\n\n\tconst [disableClicks, setDisableClicks] = useState(false)\n\n\tfunction getContextMenuItem(\n\t\teditor: Editor,\n\t\titem: TLUiMenuChild,\n\t\tparent: TLUiMenuChild | null,\n\t\tdepth: number\n\t) {\n\t\tif (!item) return null\n\t\tif (isReadonly && !item.readonlyOk) return null\n\n\t\tswitch (item.type) {\n\t\t\tcase 'custom': {\n\t\t\t\tswitch (item.id) {\n\t\t\t\t\tcase 'MOVE_TO_PAGE_MENU': {\n\t\t\t\t\t\treturn <MoveToPageMenu key={item.id} />\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'group': {\n\t\t\t\treturn (\n\t\t\t\t\t<_ContextMenu.Group\n\t\t\t\t\t\tdir=\"ltr\"\n\t\t\t\t\t\tclassName={classNames('tlui-menu__group', {\n\t\t\t\t\t\t\t'tlui-menu__group__small': parent?.type === 'submenu',\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdata-testid={`menu-item.${item.id}`}\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item.children.map((child) => getContextMenuItem(editor, child, item, depth + 1))}\n\t\t\t\t\t</_ContextMenu.Group>\n\t\t\t\t)\n\t\t\t}\n\t\t\tcase 'submenu': {\n\t\t\t\treturn (\n\t\t\t\t\t<_ContextMenu.Sub key={item.id} onOpenChange={handleSubOpenChange}>\n\t\t\t\t\t\t<_ContextMenu.SubTrigger dir=\"ltr\" disabled={item.disabled} asChild>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\ttype=\"menu\"\n\t\t\t\t\t\t\t\tlabel={item.label as TLUiTranslationKey}\n\t\t\t\t\t\t\t\tdata-testid={`menu-item.${item.id}`}\n\t\t\t\t\t\t\t\ticon=\"chevron-right\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</_ContextMenu.SubTrigger>\n\t\t\t\t\t\t<_ContextMenu.Portal container={container}>\n\t\t\t\t\t\t\t<_ContextMenu.SubContent className=\"tlui-menu\" sideOffset={-4} collisionPadding={4}>\n\t\t\t\t\t\t\t\t{item.children.map((child) => getContextMenuItem(editor, child, item, depth + 1))}\n\t\t\t\t\t\t\t</_ContextMenu.SubContent>\n\t\t\t\t\t\t</_ContextMenu.Portal>\n\t\t\t\t\t</_ContextMenu.Sub>\n\t\t\t\t)\n\t\t\t}\n\t\t\tcase 'item': {\n\t\t\t\tif (isReadonly && !item.readonlyOk) return null\n\n\t\t\t\tconst { id, checkbox, contextMenuLabel, label, onSelect, kbd, icon } = item.actionItem\n\t\t\t\tconst labelToUse = contextMenuLabel ?? label\n\t\t\t\tconst labelStr = labelToUse ? msg(labelToUse as TLUiTranslationKey) : undefined\n\n\t\t\t\tif (checkbox) {\n\t\t\t\t\t// Item is in a checkbox group\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<_ContextMenu.CheckboxItem\n\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\tclassName=\"tlui-button tlui-button__menu tlui-button__checkbox\"\n\t\t\t\t\t\t\tdir=\"ltr\"\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\tonSelect('context-menu')\n\t\t\t\t\t\t\t\tpreventDefault(e)\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttitle={labelStr ? labelStr : undefined}\n\t\t\t\t\t\t\tchecked={item.checked}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon small icon={item.checked ? 'check' : 'checkbox-empty'} />\n\t\t\t\t\t\t\t{labelStr && (\n\t\t\t\t\t\t\t\t<span className=\"tlui-button__label\" draggable={false}>\n\t\t\t\t\t\t\t\t\t{labelStr}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{kbd && <Kbd>{kbd}</Kbd>}\n\t\t\t\t\t\t</_ContextMenu.CheckboxItem>\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<_ContextMenu.Item key={id} dir=\"ltr\" asChild>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ttype=\"menu\"\n\t\t\t\t\t\t\tdata-testid={`menu-item.${id}`}\n\t\t\t\t\t\t\tkbd={kbd}\n\t\t\t\t\t\t\tlabel={labelToUse as TLUiTranslationKey}\n\t\t\t\t\t\t\tdisabled={item.disabled}\n\t\t\t\t\t\t\ticonLeft={breakpoint < 3 && depth > 2 ? (icon as TLUiIconType) : undefined}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tif (disableClicks) {\n\t\t\t\t\t\t\t\t\tsetDisableClicks(false)\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonSelect('context-menu')\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</_ContextMenu.Item>\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\treturn (\n\t\t<_ContextMenu.Portal container={container}>\n\t\t\t<_ContextMenu.Content\n\t\t\t\tclassName=\"tlui-menu scrollable\"\n\t\t\t\talignOffset={-4}\n\t\t\t\tcollisionPadding={4}\n\t\t\t\tonContextMenu={preventDefault}\n\t\t\t>\n\t\t\t\t{menuSchema.map((item) => getContextMenuItem(editor, item, null, 0))}\n\t\t\t</_ContextMenu.Content>\n\t\t</_ContextMenu.Portal>\n\t)\n})\n"],
+  "mappings": "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",
+  "names": ["ContextMenu", "ContextMenuContent", "editor"]
+}