@tldraw/editor 5.2.0-canary.ce536abae8e2 → 5.2.0-canary.d28cf4347708

package/dist-cjs/lib/hooks/useTransform.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/lib/hooks/useTransform.ts"],
-  "sourcesContent": ["import { useLayoutEffect } from 'react'\nimport { VecLike } from '../primitives/Vec'\n\n/** @public */\nexport function useTransform(\n\tref: React.RefObject<HTMLElement | SVGElement | null>,\n\tx?: number,\n\ty?: number,\n\tscale?: number,\n\trotate?: number,\n\tadditionalOffset?: VecLike\n) {\n\tuseLayoutEffect(() => {\n\t\tconst elm = ref.current\n\t\tif (!elm) return\n\t\tif (x === undefined) return\n\n\t\tlet trans = `translate(${x}px, ${y}px)`\n\t\tif (scale !== undefined) {\n\t\t\ttrans += ` scale(${scale})`\n\t\t}\n\t\tif (rotate !== undefined) {\n\t\t\ttrans += ` rotate(${rotate}rad)`\n\t\t}\n\t\tif (additionalOffset) {\n\t\t\ttrans += ` translate(${additionalOffset.x}px, ${additionalOffset.y}px)`\n\t\t}\n\t\telm.style.transform = trans\n\t})\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAIzB,SAAS,aACf,KACA,GACA,GACA,OACA,QACA,kBACC;AACD,oCAAgB,MAAM;AACrB,UAAM,MAAM,IAAI;AAChB,QAAI,CAAC,IAAK;AACV,QAAI,MAAM,OAAW;AAErB,QAAI,QAAQ,aAAa,CAAC,OAAO,CAAC;AAClC,QAAI,UAAU,QAAW;AACxB,eAAS,UAAU,KAAK;AAAA,IACzB;AACA,QAAI,WAAW,QAAW;AACzB,eAAS,WAAW,MAAM;AAAA,IAC3B;AACA,QAAI,kBAAkB;AACrB,eAAS,cAAc,iBAAiB,CAAC,OAAO,iBAAiB,CAAC;AAAA,IACnE;AACA,QAAI,MAAM,YAAY;AAAA,EACvB,CAAC;AACF;",
-  "names": []
-}

package/dist-esm/lib/components/default-components/DefaultSelectionBackground.mjs

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { useTransform } from "../../hooks/useTransform.mjs";
-import { toDomPrecision } from "../../primitives/utils.mjs";
-function DefaultSelectionBackground({ bounds, rotation }) {
-  const rDiv = React.useRef(null);
-  useTransform(rDiv, bounds.x, bounds.y, 1, rotation);
-  React.useLayoutEffect(() => {
-    const div = rDiv.current;
-    if (!div) return;
-    div.style.width = toDomPrecision(Math.max(1, bounds.width)) + "px";
-    div.style.height = toDomPrecision(Math.max(1, bounds.height)) + "px";
-  }, [bounds.width, bounds.height]);
-  return /* @__PURE__ */ jsx("div", { ref: rDiv, className: "tl-selection__bg", draggable: false });
-}
-export {
-  DefaultSelectionBackground
-};
-//# sourceMappingURL=DefaultSelectionBackground.mjs.map

package/dist-esm/lib/components/default-components/DefaultSelectionBackground.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/lib/components/default-components/DefaultSelectionBackground.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport { useTransform } from '../../hooks/useTransform'\nimport { Box } from '../../primitives/Box'\nimport { toDomPrecision } from '../../primitives/utils'\n\n/** @public */\nexport interface TLSelectionBackgroundProps {\n\tbounds: Box\n\trotation: number\n}\n\n/** @public @react */\nexport function DefaultSelectionBackground({ bounds, rotation }: TLSelectionBackgroundProps) {\n\tconst rDiv = React.useRef<HTMLDivElement>(null)\n\tuseTransform(rDiv, bounds.x, bounds.y, 1, rotation)\n\n\tReact.useLayoutEffect(() => {\n\t\tconst div = rDiv.current\n\t\tif (!div) return\n\t\tdiv.style.width = toDomPrecision(Math.max(1, bounds.width)) + 'px'\n\t\tdiv.style.height = toDomPrecision(Math.max(1, bounds.height)) + 'px'\n\t}, [bounds.width, bounds.height])\n\n\treturn <div ref={rDiv} className=\"tl-selection__bg\" draggable={false} />\n}\n"],
-  "mappings": "AAuBQ;AAvBR,YAAY,WAAW;AACvB,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB;AASxB,SAAS,2BAA2B,EAAE,QAAQ,SAAS,GAA+B;AAC5F,QAAM,OAAO,MAAM,OAAuB,IAAI;AAC9C,eAAa,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,QAAQ;AAElD,QAAM,gBAAgB,MAAM;AAC3B,UAAM,MAAM,KAAK;AACjB,QAAI,CAAC,IAAK;AACV,QAAI,MAAM,QAAQ,eAAe,KAAK,IAAI,GAAG,OAAO,KAAK,CAAC,IAAI;AAC9D,QAAI,MAAM,SAAS,eAAe,KAAK,IAAI,GAAG,OAAO,MAAM,CAAC,IAAI;AAAA,EACjE,GAAG,CAAC,OAAO,OAAO,OAAO,MAAM,CAAC;AAEhC,SAAO,oBAAC,SAAI,KAAK,MAAM,WAAU,oBAAmB,WAAW,OAAO;AACvE;",
-  "names": []
-}

package/dist-esm/lib/hooks/useTransform.mjs

@@ -1,23 +0,0 @@
-import { useLayoutEffect } from "react";
-function useTransform(ref, x, y, scale, rotate, additionalOffset) {
-  useLayoutEffect(() => {
-    const elm = ref.current;
-    if (!elm) return;
-    if (x === void 0) return;
-    let trans = `translate(${x}px, ${y}px)`;
-    if (scale !== void 0) {
-      trans += ` scale(${scale})`;
-    }
-    if (rotate !== void 0) {
-      trans += ` rotate(${rotate}rad)`;
-    }
-    if (additionalOffset) {
-      trans += ` translate(${additionalOffset.x}px, ${additionalOffset.y}px)`;
-    }
-    elm.style.transform = trans;
-  });
-}
-export {
-  useTransform
-};
-//# sourceMappingURL=useTransform.mjs.map

package/dist-esm/lib/hooks/useTransform.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/lib/hooks/useTransform.ts"],
-  "sourcesContent": ["import { useLayoutEffect } from 'react'\nimport { VecLike } from '../primitives/Vec'\n\n/** @public */\nexport function useTransform(\n\tref: React.RefObject<HTMLElement | SVGElement | null>,\n\tx?: number,\n\ty?: number,\n\tscale?: number,\n\trotate?: number,\n\tadditionalOffset?: VecLike\n) {\n\tuseLayoutEffect(() => {\n\t\tconst elm = ref.current\n\t\tif (!elm) return\n\t\tif (x === undefined) return\n\n\t\tlet trans = `translate(${x}px, ${y}px)`\n\t\tif (scale !== undefined) {\n\t\t\ttrans += ` scale(${scale})`\n\t\t}\n\t\tif (rotate !== undefined) {\n\t\t\ttrans += ` rotate(${rotate}rad)`\n\t\t}\n\t\tif (additionalOffset) {\n\t\t\ttrans += ` translate(${additionalOffset.x}px, ${additionalOffset.y}px)`\n\t\t}\n\t\telm.style.transform = trans\n\t})\n}\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAIzB,SAAS,aACf,KACA,GACA,GACA,OACA,QACA,kBACC;AACD,kBAAgB,MAAM;AACrB,UAAM,MAAM,IAAI;AAChB,QAAI,CAAC,IAAK;AACV,QAAI,MAAM,OAAW;AAErB,QAAI,QAAQ,aAAa,CAAC,OAAO,CAAC;AAClC,QAAI,UAAU,QAAW;AACxB,eAAS,UAAU,KAAK;AAAA,IACzB;AACA,QAAI,WAAW,QAAW;AACzB,eAAS,WAAW,MAAM;AAAA,IAC3B;AACA,QAAI,kBAAkB;AACrB,eAAS,cAAc,iBAAiB,CAAC,OAAO,iBAAiB,CAAC;AAAA,IACnE;AACA,QAAI,MAAM,YAAY;AAAA,EACvB,CAAC;AACF;",
-  "names": []
-}

package/src/lib/components/default-components/DefaultSelectionBackground.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react'
-import { useTransform } from '../../hooks/useTransform'
-import { Box } from '../../primitives/Box'
-import { toDomPrecision } from '../../primitives/utils'
-
-/** @public */
-export interface TLSelectionBackgroundProps {
-	bounds: Box
-	rotation: number
-}
-
-/** @public @react */
-export function DefaultSelectionBackground({ bounds, rotation }: TLSelectionBackgroundProps) {
-	const rDiv = React.useRef<HTMLDivElement>(null)
-	useTransform(rDiv, bounds.x, bounds.y, 1, rotation)
-
-	React.useLayoutEffect(() => {
-		const div = rDiv.current
-		if (!div) return
-		div.style.width = toDomPrecision(Math.max(1, bounds.width)) + 'px'
-		div.style.height = toDomPrecision(Math.max(1, bounds.height)) + 'px'
-	}, [bounds.width, bounds.height])
-
-	return <div ref={rDiv} className="tl-selection__bg" draggable={false} />
-}

package/src/lib/hooks/useTransform.ts

@@ -1,30 +0,0 @@
-import { useLayoutEffect } from 'react'
-import { VecLike } from '../primitives/Vec'
-
-/** @public */
-export function useTransform(
-	ref: React.RefObject<HTMLElement | SVGElement | null>,
-	x?: number,
-	y?: number,
-	scale?: number,
-	rotate?: number,
-	additionalOffset?: VecLike
-) {
-	useLayoutEffect(() => {
-		const elm = ref.current
-		if (!elm) return
-		if (x === undefined) return
-
-		let trans = `translate(${x}px, ${y}px)`
-		if (scale !== undefined) {
-			trans += ` scale(${scale})`
-		}
-		if (rotate !== undefined) {
-			trans += ` rotate(${rotate}rad)`
-		}
-		if (additionalOffset) {
-			trans += ` translate(${additionalOffset.x}px, ${additionalOffset.y}px)`
-		}
-		elm.style.transform = trans
-	})
-}