@localstack/appinspector-ui 1.0.17 → 1.0.18
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 +1 -9
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -9
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4699,13 +4699,12 @@ function shallow$1(objA, objB) {
|
|
|
4699
4699
|
// src/components/trace-graph/xyflow/controls.tsx
|
|
4700
4700
|
import { jsx as jsx140, jsxs as jsxs131 } from "react/jsx-runtime";
|
|
4701
4701
|
var selector = (s) => ({
|
|
4702
|
-
ariaLabelConfig: s.ariaLabelConfig,
|
|
4703
4702
|
isInteractive: s.nodesDraggable || s.nodesConnectable || s.elementsSelectable,
|
|
4704
4703
|
maxZoomReached: s.transform[2] >= s.maxZoom,
|
|
4705
4704
|
minZoomReached: s.transform[2] <= s.minZoom
|
|
4706
4705
|
});
|
|
4707
4706
|
var Controls = memo2(() => {
|
|
4708
|
-
const {
|
|
4707
|
+
const { maxZoomReached, minZoomReached } = useStore(selector, shallow$1);
|
|
4709
4708
|
const { fitView, zoomIn, zoomOut } = useReactFlow();
|
|
4710
4709
|
const onZoomInHandler = () => {
|
|
4711
4710
|
void zoomIn();
|
|
@@ -4719,7 +4718,6 @@ var Controls = memo2(() => {
|
|
|
4719
4718
|
return /* @__PURE__ */ jsxs131(
|
|
4720
4719
|
Box18,
|
|
4721
4720
|
{
|
|
4722
|
-
"aria-label": ariaLabelConfig["controls.ariaLabel"],
|
|
4723
4721
|
sx: {
|
|
4724
4722
|
bottom: 0,
|
|
4725
4723
|
display: "flex",
|
|
@@ -4734,35 +4732,29 @@ var Controls = memo2(() => {
|
|
|
4734
4732
|
/* @__PURE__ */ jsx140(
|
|
4735
4733
|
IconButton4,
|
|
4736
4734
|
{
|
|
4737
|
-
"aria-label": ariaLabelConfig["controls.zoomIn.ariaLabel"],
|
|
4738
4735
|
className: "react-flow__controls-zoomin",
|
|
4739
4736
|
disabled: maxZoomReached,
|
|
4740
4737
|
onClick: onZoomInHandler,
|
|
4741
4738
|
size: "small",
|
|
4742
|
-
title: ariaLabelConfig["controls.zoomIn.ariaLabel"],
|
|
4743
4739
|
children: /* @__PURE__ */ jsx140(Add, {})
|
|
4744
4740
|
}
|
|
4745
4741
|
),
|
|
4746
4742
|
/* @__PURE__ */ jsx140(
|
|
4747
4743
|
IconButton4,
|
|
4748
4744
|
{
|
|
4749
|
-
"aria-label": ariaLabelConfig["controls.zoomOut.ariaLabel"],
|
|
4750
4745
|
className: "react-flow__controls-zoomout",
|
|
4751
4746
|
disabled: minZoomReached,
|
|
4752
4747
|
onClick: onZoomOutHandler,
|
|
4753
4748
|
size: "small",
|
|
4754
|
-
title: ariaLabelConfig["controls.zoomOut.ariaLabel"],
|
|
4755
4749
|
children: /* @__PURE__ */ jsx140(Remove, {})
|
|
4756
4750
|
}
|
|
4757
4751
|
),
|
|
4758
4752
|
/* @__PURE__ */ jsx140(
|
|
4759
4753
|
IconButton4,
|
|
4760
4754
|
{
|
|
4761
|
-
"aria-label": ariaLabelConfig["controls.fitView.ariaLabel"],
|
|
4762
4755
|
className: "react-flow__controls-fitview",
|
|
4763
4756
|
onClick: onFitViewHandler,
|
|
4764
4757
|
size: "small",
|
|
4765
|
-
title: ariaLabelConfig["controls.fitView.ariaLabel"],
|
|
4766
4758
|
children: /* @__PURE__ */ jsx140(FitScreen, {})
|
|
4767
4759
|
}
|
|
4768
4760
|
)
|