tldraw 4.3.0-next.f4772c19540d → 4.4.0-canary.29afdff6bb04

package/src/test/translating.test.ts

@@ -1749,9 +1749,7 @@ describe('translating a shape with a bound shape', () => {
 
 		const newArrow = editor
 			.getCurrentPageShapes()
-			.find(
-				(s) => editor.isShapeOfType<TLArrowShape>(s, 'arrow') && s.id !== arrow1
-			)! as TLArrowShape
+			.find((s) => editor.isShapeOfType(s, 'arrow') && s.id !== arrow1)! as TLArrowShape
 		expect(getArrowBindings(editor, newArrow)).toMatchObject({
 			start: { type: 'arrow' },
 			end: undefined,
@@ -2061,7 +2059,7 @@ describe('Note shape grid helper positions / pits', () => {
 		editor
 			.createShape({ type: 'note' })
 			.createShape({ type: 'note', x: 500, y: 500 })
-			.updateShape({ ...editor.getLastCreatedShape(), props: { growY: 100 } })
+			.updateShape({ ...editor.getLastCreatedShape<TLNoteShape>(), props: { growY: 100 } })
 			.pointerMove(600, 600)
 			// start translating
 			.pointerDown()
@@ -2080,7 +2078,7 @@ describe('Note shape grid helper positions / pits', () => {
 	it('Snaps correctly to the bottom when the not-translating shape has growY', () => {
 		editor
 			.createShape({ type: 'note' })
-			.updateShape({ ...editor.getLastCreatedShape(), props: { growY: 100 } })
+			.updateShape({ ...editor.getLastCreatedShape<TLNoteShape>(), props: { growY: 100 } })
 			.createShape({ type: 'note', x: 500, y: 500 })
 			.pointerMove(600, 600)
 			// start translating
@@ -2183,7 +2181,7 @@ describe('Note shape grid helper positions / pits', () => {
 
 describe('cancelling a translate operation', () => {
 	it('undoes any changes since the start of the translate operation', () => {
-		editor.createShape<TLGeoShape>({
+		editor.createShape({
 			type: 'geo',
 			x: 0,
 			y: 0,
@@ -2220,7 +2218,7 @@ describe('cancelling a translate operation', () => {
 		const shapeId = createShapeId()
 
 		editor
-			.createShape<TLGeoShape>({
+			.createShape({
 				id: shapeId,
 				type: 'geo',
 				x: 0,
@@ -2268,7 +2266,7 @@ describe('cancelling a translate operation', () => {
 		const shapeId = createShapeId()
 
 		editor
-			.createShape<TLGeoShape>({
+			.createShape({
 				id: shapeId,
 				type: 'geo',
 				x: 0,

package/src/test/ui/BackToContent.test.tsx

@@ -0,0 +1,111 @@
+import { act, screen, waitFor } from '@testing-library/react'
+import { Box, Editor, Vec } from '@tldraw/editor'
+import { Tldraw } from '../../lib/Tldraw'
+import { renderTldrawComponentWithEditor } from '../testutils/renderTldrawComponent'
+
+let editor: Editor
+
+beforeEach(async () => {
+	const result = await renderTldrawComponentWithEditor((onMount) => <Tldraw onMount={onMount} />, {
+		waitForPatterns: false,
+	})
+	editor = result.editor
+
+	// Set up a proper viewport so shapes can be on/off screen
+	act(() => {
+		editor.updateViewportScreenBounds(new Box(0, 0, 1000, 800))
+	})
+})
+
+function createShapeInViewport() {
+	act(() => {
+		editor.createShape({
+			type: 'geo',
+			x: 100,
+			y: 100,
+			props: { w: 100, h: 100 },
+		})
+	})
+}
+
+function panAllShapesOffScreen() {
+	// Move camera so all shapes are off-screen
+	act(() => {
+		const camera = editor.getCamera()
+		editor.setCamera(new Vec(camera.x - 2000, camera.y - 2000, camera.z), { immediate: true })
+	})
+}
+
+describe('BackToContent button', () => {
+	it('shows when all shapes are off-screen', async () => {
+		createShapeInViewport()
+
+		// Initially, button should not be visible (shapes are on screen)
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).toBeNull()
+		})
+
+		panAllShapesOffScreen()
+
+		// Now the button should appear
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).not.toBeNull()
+		})
+	})
+
+	it('shows when selected shapes are off-screen', async () => {
+		createShapeInViewport()
+
+		await waitFor(() => {
+			expect(editor.getCurrentPageShapeIds().size).toBe(1)
+		})
+
+		const shapeId = editor.getCurrentPageShapeIds().values().next().value!
+
+		// Select the shape
+		act(() => {
+			editor.select(shapeId)
+		})
+
+		// Initially, button should not be visible
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).toBeNull()
+		})
+
+		panAllShapesOffScreen()
+
+		// Button should still appear even though selected shapes aren't culled
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).not.toBeNull()
+		})
+	})
+
+	it('does not show when some shapes are still on-screen', async () => {
+		// Create two shapes
+		act(() => {
+			editor.createShape({
+				type: 'geo',
+				x: 100,
+				y: 100,
+				props: { w: 100, h: 100 },
+			})
+			editor.createShape({
+				type: 'geo',
+				x: 500,
+				y: 500,
+				props: { w: 100, h: 100 },
+			})
+		})
+
+		// Pan so only the first shape is off-screen
+		act(() => {
+			const camera = editor.getCamera()
+			editor.setCamera(new Vec(camera.x - 300, camera.y - 300, camera.z), { immediate: true })
+		})
+
+		// Button should not appear since one shape is still visible
+		await waitFor(() => {
+			expect(screen.queryByTestId('helper-buttons.back-to-content')).toBeNull()
+		})
+	})
+})

package/tldraw.css

@@ -611,7 +611,6 @@ input,
 	pointer-events: all;
 	white-space: pre-wrap;
 	overflow-wrap: break-word;
-	text-shadow: var(--tl-text-outline);
 }
 
 .tl-text-wrapper[data-font='draw'] {
@@ -713,7 +712,7 @@ input,
 	resize: none;
 	border: none;
 	user-select: none;
-	contain: style paint;
+	contain: layout style paint;
 	/* N.B. This property, while discouraged ("intended for Document Type Definition (DTD) designers") is necessary for ensuring correct mixed RTL/LTR behavior when exporting SVGs. */
 	unicode-bidi: plaintext;
 	-webkit-user-select: none;
@@ -774,7 +773,6 @@ input,
 	justify-content: center;
 	align-items: center;
 	color: var(--tl-color-text);
-	text-shadow: var(--tl-text-outline);
 	line-height: inherit;
 	position: absolute;
 	inset: 0px;
@@ -974,6 +972,14 @@ input,
 	display: block;
 }
 
+.tl-text__outline {
+	text-shadow: var(--tl-text-outline);
+}
+
+.tl-text__no-outline {
+	text-shadow: none;
+}
+
 /* --------------------- Loading -------------------- */
 
 .tl-loading {
@@ -1138,14 +1144,12 @@ input,
 	fill: none;
 }
 
-@media (pointer: coarse) {
-	.tl-handle__bg:active {
-		fill: var(--tl-color-selection-fill);
-	}
+.tl-container[data-coarse='true'] .tl-handle__bg:active {
+	fill: var(--tl-color-selection-fill);
+}
 
-	.tl-handle__create {
-		opacity: 1;
-	}
+.tl-container[data-coarse='true'] .tl-handle__create {
+	opacity: 1;
 }
 
 .tl-rotate-corner:not(:hover),
@@ -1221,7 +1225,6 @@ input,
 	align-items: center;
 	text-align: center;
 	color: var(--tl-color-text);
-	text-shadow: var(--tl-text-outline);
 }
 
 .tl-shape[data-shape-type='arrow'] .tl-text-label__inner {
@@ -1450,7 +1453,6 @@ input,
 }
 
 .tl-note__container > .tl-text-label {
-	text-shadow: none;
 	color: currentColor;
 }
 
@@ -2410,25 +2412,31 @@ it from receiving any pointer events or affecting the cursor. */
 
 /* Submenu triggers */
 
-.tlui-menu__submenu__trigger[data-state='open']::after {
-	opacity: 1;
-	background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+.tlui-menu__submenu__trigger {
+	--gradient-angle: 90deg;
+}
+
+.tlui-menu__submenu__trigger[data-direction='left'] {
+	--gradient-angle: 270deg;
 }
 
-.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']::after {
+.tlui-menu__submenu__trigger[data-state='open']::after {
 	opacity: 1;
-	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	background: linear-gradient(
+		var(--gradient-angle),
+		rgba(144, 144, 144, 0) 0%,
+		var(--tl-color-muted-2) 100%
+	);
 }
 
 @media (hover: hover) {
-	.tlui-menu__submenu__trigger[data-state='open']:not(:hover)::after {
+	.tlui-menu__submenu__trigger:is(:hover, [data-state='open'])::after {
 		opacity: 1;
-		background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
-	}
-
-	.tlui-menu__submenu__trigger[data-direction='left'][data-state='open']:not(:hover)::after {
-		opacity: 1;
-		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+		background: linear-gradient(
+			var(--gradient-angle),
+			rgba(144, 144, 144, 0) 0%,
+			var(--tl-color-muted-2) 100%
+		);
 	}
 }
 
@@ -2707,10 +2715,8 @@ it from receiving any pointer events or affecting the cursor. */
 	}
 }
 
-@media (any-pointer: coarse) {
-	.tlui-page_menu__item__submenu > .tlui-button {
-		opacity: 1;
-	}
+.tl-container[data-coarse='true'] .tlui-page_menu__item__submenu > .tlui-button {
+	opacity: 1;
 }
 
 .tlui-button__icon {
@@ -2749,16 +2755,15 @@ it from receiving any pointer events or affecting the cursor. */
 
 .tlui-offline-indicator {
 	display: flex;
-	flex-direction: row;
-	gap: var(--tl-space-3);
-	color: var(--tl-color-text);
-	background-color: var(--tl-color-low);
-	border: 3px solid var(--tl-color-background);
-	padding: 0px var(--tl-space-5);
-	height: 42px;
+	color: var(--tl-color-background);
+	background-color: var(--tl-color-text);
+	border: none;
+	width: 32px;
+	height: 32px;
 	align-items: center;
 	justify-content: center;
 	border-radius: 99px;
+	cursor: default;
 	opacity: 0;
 	animation: tl-fade-in;
 	animation-duration: 0.12s;
@@ -3076,6 +3081,7 @@ tldraw? probably.
 	position: relative;
 	background: var(--tl-color-panel);
 	box-shadow: var(--tl-shadow-2);
+	contain: layout style paint;
 }
 
 .tlui-main-toolbar--horizontal .tlui-main-toolbar__mobile-style-panel {

package/dist-cjs/lib/shapes/shared/useForceSolid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/shapes/shared/useForceSolid.ts"],
-  "sourcesContent": ["import { useEditor, useValue } from '@tldraw/editor'\n\nexport function useForceSolid() {\n\tconst editor = useEditor()\n\treturn useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAoC;AAE7B,SAAS,gBAAgB;AAC/B,QAAM,aAAS,yBAAU;AACzB,aAAO,wBAAS,QAAQ,MAAM,OAAO,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC;AACrE;",
-  "names": []
-}

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

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

package/dist-cjs/lib/ui/components/TopPanel/DefaultTopPanel.js

@@ -1,32 +0,0 @@
-"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 DefaultTopPanel_exports = {};
-__export(DefaultTopPanel_exports, {
-  DefaultTopPanel: () => DefaultTopPanel
-});
-module.exports = __toCommonJS(DefaultTopPanel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_useCollaborationStatus = require("../../hooks/useCollaborationStatus");
-var import_OfflineIndicator = require("../OfflineIndicator/OfflineIndicator");
-var import_CenteredTopPanelContainer = require("./CenteredTopPanelContainer");
-function DefaultTopPanel() {
-  const isOffline = (0, import_useCollaborationStatus.useCollaborationStatus)() === "offline";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CenteredTopPanelContainer.CenteredTopPanelContainer, { children: isOffline && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_OfflineIndicator.OfflineIndicator, {}) });
-}
-//# sourceMappingURL=DefaultTopPanel.js.map

package/dist-cjs/lib/ui/components/TopPanel/DefaultTopPanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/lib/ui/components/TopPanel/DefaultTopPanel.tsx"],
-  "sourcesContent": ["import { useCollaborationStatus } from '../../hooks/useCollaborationStatus'\nimport { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'\nimport { CenteredTopPanelContainer } from './CenteredTopPanelContainer'\n\n/** @public @react */\nexport function DefaultTopPanel() {\n\tconst isOffline = useCollaborationStatus() === 'offline'\n\n\treturn <CenteredTopPanelContainer>{isOffline && <OfflineIndicator />}</CenteredTopPanelContainer>\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQiD;AARjD,oCAAuC;AACvC,8BAAiC;AACjC,uCAA0C;AAGnC,SAAS,kBAAkB;AACjC,QAAM,gBAAY,sDAAuB,MAAM;AAE/C,SAAO,4CAAC,8DAA2B,uBAAa,4CAAC,4CAAiB,GAAG;AACtE;",
-  "names": []
-}

package/dist-cjs/lib/utils/text/textDirection.js

@@ -1,51 +0,0 @@
-"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 textDirection_exports = {};
-__export(textDirection_exports, {
-  TextDirection: () => TextDirection
-});
-module.exports = __toCommonJS(textDirection_exports);
-var import_core = require("@tiptap/core");
-const TextDirection = import_core.Extension.create({
-  name: "textDirection",
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading", "paragraph"],
-        attributes: {
-          dir: {
-            default: "auto",
-            parseHTML: (element) => {
-              const dirAttribute = element.getAttribute("dir");
-              if (dirAttribute && ["ltr", "rtl", "auto"].includes(dirAttribute)) {
-                return dirAttribute;
-              } else {
-                return "auto";
-              }
-            },
-            renderHTML: (attributes) => {
-              return { dir: attributes.dir };
-            }
-          }
-        }
-      }
-    ];
-  }
-});
-//# sourceMappingURL=textDirection.js.map

package/dist-cjs/lib/utils/text/textDirection.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/utils/text/textDirection.ts"],
-  "sourcesContent": ["import { Extension } from '@tiptap/core'\n\n/**\n * @public\n */\nexport const TextDirection = Extension.create({\n\tname: 'textDirection',\n\n\taddGlobalAttributes() {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttypes: ['heading', 'paragraph'],\n\t\t\t\tattributes: {\n\t\t\t\t\tdir: {\n\t\t\t\t\t\tdefault: 'auto',\n\t\t\t\t\t\tparseHTML: (element) => {\n\t\t\t\t\t\t\tconst dirAttribute = element.getAttribute('dir')\n\t\t\t\t\t\t\tif (dirAttribute && ['ltr', 'rtl', 'auto'].includes(dirAttribute)) {\n\t\t\t\t\t\t\t\treturn dirAttribute\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn 'auto'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\trenderHTML: (attributes) => {\n\t\t\t\t\t\t\treturn { dir: attributes.dir }\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},\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAKnB,MAAM,gBAAgB,sBAAU,OAAO;AAAA,EAC7C,MAAM;AAAA,EAEN,sBAAsB;AACrB,WAAO;AAAA,MACN;AAAA,QACC,OAAO,CAAC,WAAW,WAAW;AAAA,QAC9B,YAAY;AAAA,UACX,KAAK;AAAA,YACJ,SAAS;AAAA,YACT,WAAW,CAAC,YAAY;AACvB,oBAAM,eAAe,QAAQ,aAAa,KAAK;AAC/C,kBAAI,gBAAgB,CAAC,OAAO,OAAO,MAAM,EAAE,SAAS,YAAY,GAAG;AAClE,uBAAO;AAAA,cACR,OAAO;AACN,uBAAO;AAAA,cACR;AAAA,YACD;AAAA,YACA,YAAY,CAAC,eAAe;AAC3B,qBAAO,EAAE,KAAK,WAAW,IAAI;AAAA,YAC9B;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;",
-  "names": []
-}

package/dist-esm/lib/shapes/shared/useForceSolid.mjs

@@ -1,9 +0,0 @@
-import { useEditor, useValue } from "@tldraw/editor";
-function useForceSolid() {
-  const editor = useEditor();
-  return useValue("zoom", () => editor.getZoomLevel() < 0.35, [editor]);
-}
-export {
-  useForceSolid
-};
-//# sourceMappingURL=useForceSolid.mjs.map

package/dist-esm/lib/shapes/shared/useForceSolid.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/shapes/shared/useForceSolid.ts"],
-  "sourcesContent": ["import { useEditor, useValue } from '@tldraw/editor'\n\nexport function useForceSolid() {\n\tconst editor = useEditor()\n\treturn useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])\n}\n"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAE7B,SAAS,gBAAgB;AAC/B,QAAM,SAAS,UAAU;AACzB,SAAO,SAAS,QAAQ,MAAM,OAAO,aAAa,IAAI,MAAM,CAAC,MAAM,CAAC;AACrE;",
-  "names": []
-}

package/dist-esm/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.mjs

@@ -1,8 +0,0 @@
-function getShouldEnterCropMode(editor) {
-  const onlySelectedShape = editor.getOnlySelectedShape();
-  return !!(onlySelectedShape && !editor.isShapeOrAncestorLocked(onlySelectedShape) && editor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape));
-}
-export {
-  getShouldEnterCropMode
-};
-//# sourceMappingURL=getShouldEnterCropModeOnPointerDown.mjs.map

package/dist-esm/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.mjs.map

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

package/dist-esm/lib/ui/components/TopPanel/DefaultTopPanel.mjs

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useCollaborationStatus } from "../../hooks/useCollaborationStatus.mjs";
-import { OfflineIndicator } from "../OfflineIndicator/OfflineIndicator.mjs";
-import { CenteredTopPanelContainer } from "./CenteredTopPanelContainer.mjs";
-function DefaultTopPanel() {
-  const isOffline = useCollaborationStatus() === "offline";
-  return /* @__PURE__ */ jsx(CenteredTopPanelContainer, { children: isOffline && /* @__PURE__ */ jsx(OfflineIndicator, {}) });
-}
-export {
-  DefaultTopPanel
-};
-//# sourceMappingURL=DefaultTopPanel.mjs.map

package/dist-esm/lib/ui/components/TopPanel/DefaultTopPanel.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/lib/ui/components/TopPanel/DefaultTopPanel.tsx"],
-  "sourcesContent": ["import { useCollaborationStatus } from '../../hooks/useCollaborationStatus'\nimport { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'\nimport { CenteredTopPanelContainer } from './CenteredTopPanelContainer'\n\n/** @public @react */\nexport function DefaultTopPanel() {\n\tconst isOffline = useCollaborationStatus() === 'offline'\n\n\treturn <CenteredTopPanelContainer>{isOffline && <OfflineIndicator />}</CenteredTopPanelContainer>\n}\n"],
-  "mappings": "AAQiD;AARjD,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,iCAAiC;AAGnC,SAAS,kBAAkB;AACjC,QAAM,YAAY,uBAAuB,MAAM;AAE/C,SAAO,oBAAC,6BAA2B,uBAAa,oBAAC,oBAAiB,GAAG;AACtE;",
-  "names": []
-}

package/dist-esm/lib/utils/text/textDirection.mjs

@@ -1,31 +0,0 @@
-import { Extension } from "@tiptap/core";
-const TextDirection = Extension.create({
-  name: "textDirection",
-  addGlobalAttributes() {
-    return [
-      {
-        types: ["heading", "paragraph"],
-        attributes: {
-          dir: {
-            default: "auto",
-            parseHTML: (element) => {
-              const dirAttribute = element.getAttribute("dir");
-              if (dirAttribute && ["ltr", "rtl", "auto"].includes(dirAttribute)) {
-                return dirAttribute;
-              } else {
-                return "auto";
-              }
-            },
-            renderHTML: (attributes) => {
-              return { dir: attributes.dir };
-            }
-          }
-        }
-      }
-    ];
-  }
-});
-export {
-  TextDirection
-};
-//# sourceMappingURL=textDirection.mjs.map

package/dist-esm/lib/utils/text/textDirection.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/utils/text/textDirection.ts"],
-  "sourcesContent": ["import { Extension } from '@tiptap/core'\n\n/**\n * @public\n */\nexport const TextDirection = Extension.create({\n\tname: 'textDirection',\n\n\taddGlobalAttributes() {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttypes: ['heading', 'paragraph'],\n\t\t\t\tattributes: {\n\t\t\t\t\tdir: {\n\t\t\t\t\t\tdefault: 'auto',\n\t\t\t\t\t\tparseHTML: (element) => {\n\t\t\t\t\t\t\tconst dirAttribute = element.getAttribute('dir')\n\t\t\t\t\t\t\tif (dirAttribute && ['ltr', 'rtl', 'auto'].includes(dirAttribute)) {\n\t\t\t\t\t\t\t\treturn dirAttribute\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\treturn 'auto'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\trenderHTML: (attributes) => {\n\t\t\t\t\t\t\treturn { dir: attributes.dir }\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},\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAKnB,MAAM,gBAAgB,UAAU,OAAO;AAAA,EAC7C,MAAM;AAAA,EAEN,sBAAsB;AACrB,WAAO;AAAA,MACN;AAAA,QACC,OAAO,CAAC,WAAW,WAAW;AAAA,QAC9B,YAAY;AAAA,UACX,KAAK;AAAA,YACJ,SAAS;AAAA,YACT,WAAW,CAAC,YAAY;AACvB,oBAAM,eAAe,QAAQ,aAAa,KAAK;AAC/C,kBAAI,gBAAgB,CAAC,OAAO,OAAO,MAAM,EAAE,SAAS,YAAY,GAAG;AAClE,uBAAO;AAAA,cACR,OAAO;AACN,uBAAO;AAAA,cACR;AAAA,YACD;AAAA,YACA,YAAY,CAAC,eAAe;AAC3B,qBAAO,EAAE,KAAK,WAAW,IAAI;AAAA,YAC9B;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD,CAAC;",
-  "names": []
-}

package/src/lib/shapes/shared/useForceSolid.ts

@@ -1,6 +0,0 @@
-import { useEditor, useValue } from '@tldraw/editor'
-
-export function useForceSolid() {
-	const editor = useEditor()
-	return useValue('zoom', () => editor.getZoomLevel() < 0.35, [editor])
-}

package/src/lib/tools/selection-logic/getShouldEnterCropModeOnPointerDown.ts

@@ -1,10 +0,0 @@
-import { Editor } from '@tldraw/editor'
-
-export function getShouldEnterCropMode(editor: Editor): boolean {
-	const onlySelectedShape = editor.getOnlySelectedShape()
-	return !!(
-		onlySelectedShape &&
-		!editor.isShapeOrAncestorLocked(onlySelectedShape) &&
-		editor.getShapeUtil(onlySelectedShape).canCrop(onlySelectedShape)
-	)
-}

package/src/lib/ui/components/TopPanel/DefaultTopPanel.tsx

@@ -1,10 +0,0 @@
-import { useCollaborationStatus } from '../../hooks/useCollaborationStatus'
-import { OfflineIndicator } from '../OfflineIndicator/OfflineIndicator'
-import { CenteredTopPanelContainer } from './CenteredTopPanelContainer'
-
-/** @public @react */
-export function DefaultTopPanel() {
-	const isOffline = useCollaborationStatus() === 'offline'
-
-	return <CenteredTopPanelContainer>{isOffline && <OfflineIndicator />}</CenteredTopPanelContainer>
-}

package/src/lib/utils/text/textDirection.ts

@@ -1,32 +0,0 @@
-import { Extension } from '@tiptap/core'
-
-/**
- * @public
- */
-export const TextDirection = Extension.create({
-	name: 'textDirection',
-
-	addGlobalAttributes() {
-		return [
-			{
-				types: ['heading', 'paragraph'],
-				attributes: {
-					dir: {
-						default: 'auto',
-						parseHTML: (element) => {
-							const dirAttribute = element.getAttribute('dir')
-							if (dirAttribute && ['ltr', 'rtl', 'auto'].includes(dirAttribute)) {
-								return dirAttribute
-							} else {
-								return 'auto'
-							}
-						},
-						renderHTML: (attributes) => {
-							return { dir: attributes.dir }
-						},
-					},
-				},
-			},
-		]
-	},
-})