@bwp-web/canvas 0.7.0 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +84 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +83 -1
- package/dist/index.js.map +1 -1
- package/dist/overlay/FixedSizeContent.d.ts.map +1 -1
- package/dist/overlay/ObjectOverlay.d.ts.map +1 -1
- package/dist/overlay/OverlayBadge.d.ts +51 -0
- package/dist/overlay/OverlayBadge.d.ts.map +1 -0
- package/dist/overlay/OverlayContent.d.ts.map +1 -1
- package/dist/overlay/index.d.ts +2 -0
- package/dist/overlay/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FixedSizeContent.d.ts","sourceRoot":"","sources":["../../src/overlay/FixedSizeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAqB,EACrB,iBAAqB,EACrB,EAAE,EACF,GAAG,IAAI,EACR,EAAE,qBAAqB,
|
|
1
|
+
{"version":3,"file":"FixedSizeContent.d.ts","sourceRoot":"","sources":["../../src/overlay/FixedSizeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,cAAqB,EACrB,iBAAqB,EACrB,EAAE,EACF,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAgGvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ObjectOverlay.d.ts","sourceRoot":"","sources":["../../src/overlay/ObjectOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC1C,8EAA8E;IAC9E,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,
|
|
1
|
+
{"version":3,"file":"ObjectOverlay.d.ts","sourceRoot":"","sources":["../../src/overlay/ObjectOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,IAAI,YAAY,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,yCAAyC;IACzC,SAAS,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC1C,8EAA8E;IAC9E,MAAM,EAAE,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,MAAM,EACN,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,kDA+DpB"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { StackProps } from '@mui/material';
|
|
2
|
+
import { type ReactNode } from 'react';
|
|
3
|
+
export interface OverlayBadgeProps extends StackProps {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
/**
|
|
6
|
+
* Maximum scale factor applied to the badge. Default: 2
|
|
7
|
+
*/
|
|
8
|
+
maxScale?: number;
|
|
9
|
+
/**
|
|
10
|
+
* Minimum scale factor applied to the badge. Default: 0.75
|
|
11
|
+
*/
|
|
12
|
+
minScale?: number;
|
|
13
|
+
/** Top offset. Number values are interpreted as pixels. */
|
|
14
|
+
top?: number | string;
|
|
15
|
+
/** Right offset. Number values are interpreted as pixels. */
|
|
16
|
+
right?: number | string;
|
|
17
|
+
/** Bottom offset. Number values are interpreted as pixels. */
|
|
18
|
+
bottom?: number | string;
|
|
19
|
+
/** Left offset. Number values are interpreted as pixels. */
|
|
20
|
+
left?: number | string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* An absolutely-positioned badge that scales proportionally within an
|
|
24
|
+
* `ObjectOverlay` (or `OverlayContent`). The badge captures the overlay's
|
|
25
|
+
* initial dimensions as a baseline and scales relative to that — growing
|
|
26
|
+
* when the overlay gets larger (zoom in) and shrinking when it gets smaller
|
|
27
|
+
* (zoom out), clamped between `minScale` and `maxScale`.
|
|
28
|
+
*
|
|
29
|
+
* Position the badge using the `top`, `right`, `bottom`, and `left` props.
|
|
30
|
+
* Scaling always happens from the center so the badge stays visually
|
|
31
|
+
* centered at its anchor point.
|
|
32
|
+
*
|
|
33
|
+
* When placed inside `OverlayContent`, the badge automatically
|
|
34
|
+
* counter-scales against the parent's `--overlay-scale` transform so it
|
|
35
|
+
* maintains its own independent size.
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* ```tsx
|
|
39
|
+
* <ObjectOverlay canvasRef={canvasRef} object={obj}>
|
|
40
|
+
* <OverlayContent>
|
|
41
|
+
* <MyIcon />
|
|
42
|
+
* <FixedSizeContent><Typography>Label</Typography></FixedSizeContent>
|
|
43
|
+
* </OverlayContent>
|
|
44
|
+
* <OverlayBadge top={2} right={2}>
|
|
45
|
+
* <StatusDot />
|
|
46
|
+
* </OverlayBadge>
|
|
47
|
+
* </ObjectOverlay>
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
export declare function OverlayBadge({ children, maxScale, minScale, top, right, bottom, left, sx, ...rest }: OverlayBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
//# sourceMappingURL=OverlayBadge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayBadge.d.ts","sourceRoot":"","sources":["../../src/overlay/OverlayBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAY,EACZ,QAAe,EACf,GAAG,EACH,KAAK,EACL,MAAM,EACN,IAAI,EACJ,EAAE,EACF,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAmFnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayContent.d.ts","sourceRoot":"","sources":["../../src/overlay/OverlayContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAW,EACX,QAAY,EACZ,EAAE,EACF,GAAG,IAAI,EACR,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"OverlayContent.d.ts","sourceRoot":"","sources":["../../src/overlay/OverlayContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAW,EACX,QAAY,EACZ,EAAE,EACF,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA0ErB"}
|
package/dist/overlay/index.d.ts
CHANGED
|
@@ -4,4 +4,6 @@ export { OverlayContent } from './OverlayContent';
|
|
|
4
4
|
export type { OverlayContentProps } from './OverlayContent';
|
|
5
5
|
export { FixedSizeContent } from './FixedSizeContent';
|
|
6
6
|
export type { FixedSizeContentProps } from './FixedSizeContent';
|
|
7
|
+
export { OverlayBadge } from './OverlayBadge';
|
|
8
|
+
export type { OverlayBadgeProps } from './OverlayBadge';
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|