canvu-react 0.4.60 → 0.4.61
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/native.cjs +37 -17
- package/dist/native.cjs.map +1 -1
- package/dist/native.d.cts +11 -1
- package/dist/native.d.ts +11 -1
- package/dist/native.js +37 -17
- package/dist/native.js.map +1 -1
- package/package.json +1 -1
package/dist/native.cjs
CHANGED
|
@@ -5374,6 +5374,35 @@ function duplicateNativeSelectedShapes(input) {
|
|
|
5374
5374
|
});
|
|
5375
5375
|
}
|
|
5376
5376
|
|
|
5377
|
+
// src/native/native-style-inspector-overlay.ts
|
|
5378
|
+
function resolveNativeStyleInspectorOverlayStyle({
|
|
5379
|
+
placement,
|
|
5380
|
+
overlayElevation,
|
|
5381
|
+
overlayStyle,
|
|
5382
|
+
overlayZIndex
|
|
5383
|
+
}) {
|
|
5384
|
+
const placementStyle = placement === "top-left" ? {
|
|
5385
|
+
position: "absolute",
|
|
5386
|
+
left: 16,
|
|
5387
|
+
top: 104,
|
|
5388
|
+
alignItems: "flex-start"
|
|
5389
|
+
} : {
|
|
5390
|
+
position: "absolute",
|
|
5391
|
+
left: 16,
|
|
5392
|
+
right: 16,
|
|
5393
|
+
bottom: 84,
|
|
5394
|
+
alignItems: "center"
|
|
5395
|
+
};
|
|
5396
|
+
return [
|
|
5397
|
+
placementStyle,
|
|
5398
|
+
{
|
|
5399
|
+
zIndex: overlayZIndex,
|
|
5400
|
+
elevation: overlayElevation
|
|
5401
|
+
},
|
|
5402
|
+
overlayStyle
|
|
5403
|
+
];
|
|
5404
|
+
}
|
|
5405
|
+
|
|
5377
5406
|
// src/native/native-transient-items.ts
|
|
5378
5407
|
function moveNativeTransientItems({
|
|
5379
5408
|
items,
|
|
@@ -5670,7 +5699,8 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
|
|
|
5670
5699
|
overlay,
|
|
5671
5700
|
toolbar,
|
|
5672
5701
|
showStyleInspector = false,
|
|
5673
|
-
styleInspectorPlacement = "bottom"
|
|
5702
|
+
styleInspectorPlacement = "bottom",
|
|
5703
|
+
styleInspectorOverlayStyle
|
|
5674
5704
|
}, ref) {
|
|
5675
5705
|
const [size, setSize] = react.useState({ width: 0, height: 0 });
|
|
5676
5706
|
const cameraRef = react.useRef(null);
|
|
@@ -6904,22 +6934,12 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
|
|
|
6904
6934
|
reactNative.View,
|
|
6905
6935
|
{
|
|
6906
6936
|
pointerEvents: "box-none",
|
|
6907
|
-
style:
|
|
6908
|
-
|
|
6909
|
-
|
|
6910
|
-
|
|
6911
|
-
|
|
6912
|
-
|
|
6913
|
-
elevation: NATIVE_VIEWPORT_OVERLAY_ELEVATION
|
|
6914
|
-
} : {
|
|
6915
|
-
position: "absolute",
|
|
6916
|
-
left: 16,
|
|
6917
|
-
right: 16,
|
|
6918
|
-
bottom: 84,
|
|
6919
|
-
alignItems: "center",
|
|
6920
|
-
zIndex: NATIVE_VIEWPORT_OVERLAY_Z_INDEX,
|
|
6921
|
-
elevation: NATIVE_VIEWPORT_OVERLAY_ELEVATION
|
|
6922
|
-
},
|
|
6937
|
+
style: resolveNativeStyleInspectorOverlayStyle({
|
|
6938
|
+
placement: styleInspectorPlacement,
|
|
6939
|
+
overlayElevation: NATIVE_VIEWPORT_OVERLAY_ELEVATION,
|
|
6940
|
+
overlayStyle: styleInspectorOverlayStyle,
|
|
6941
|
+
overlayZIndex: NATIVE_VIEWPORT_OVERLAY_Z_INDEX
|
|
6942
|
+
}),
|
|
6923
6943
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
6924
6944
|
NativeVectorStyleInspector,
|
|
6925
6945
|
{
|