@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.cjs
CHANGED
|
@@ -4736,13 +4736,12 @@ function shallow$1(objA, objB) {
|
|
|
4736
4736
|
// src/components/trace-graph/xyflow/controls.tsx
|
|
4737
4737
|
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
4738
4738
|
var selector = (s) => ({
|
|
4739
|
-
ariaLabelConfig: s.ariaLabelConfig,
|
|
4740
4739
|
isInteractive: s.nodesDraggable || s.nodesConnectable || s.elementsSelectable,
|
|
4741
4740
|
maxZoomReached: s.transform[2] >= s.maxZoom,
|
|
4742
4741
|
minZoomReached: s.transform[2] <= s.minZoom
|
|
4743
4742
|
});
|
|
4744
4743
|
var Controls = (0, import_react17.memo)(() => {
|
|
4745
|
-
const {
|
|
4744
|
+
const { maxZoomReached, minZoomReached } = (0, import_react16.useStore)(selector, shallow$1);
|
|
4746
4745
|
const { fitView, zoomIn, zoomOut } = (0, import_react16.useReactFlow)();
|
|
4747
4746
|
const onZoomInHandler = () => {
|
|
4748
4747
|
void zoomIn();
|
|
@@ -4756,7 +4755,6 @@ var Controls = (0, import_react17.memo)(() => {
|
|
|
4756
4755
|
return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)(
|
|
4757
4756
|
import_material19.Box,
|
|
4758
4757
|
{
|
|
4759
|
-
"aria-label": ariaLabelConfig["controls.ariaLabel"],
|
|
4760
4758
|
sx: {
|
|
4761
4759
|
bottom: 0,
|
|
4762
4760
|
display: "flex",
|
|
@@ -4771,35 +4769,29 @@ var Controls = (0, import_react17.memo)(() => {
|
|
|
4771
4769
|
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
4772
4770
|
import_material19.IconButton,
|
|
4773
4771
|
{
|
|
4774
|
-
"aria-label": ariaLabelConfig["controls.zoomIn.ariaLabel"],
|
|
4775
4772
|
className: "react-flow__controls-zoomin",
|
|
4776
4773
|
disabled: maxZoomReached,
|
|
4777
4774
|
onClick: onZoomInHandler,
|
|
4778
4775
|
size: "small",
|
|
4779
|
-
title: ariaLabelConfig["controls.zoomIn.ariaLabel"],
|
|
4780
4776
|
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material10.Add, {})
|
|
4781
4777
|
}
|
|
4782
4778
|
),
|
|
4783
4779
|
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
4784
4780
|
import_material19.IconButton,
|
|
4785
4781
|
{
|
|
4786
|
-
"aria-label": ariaLabelConfig["controls.zoomOut.ariaLabel"],
|
|
4787
4782
|
className: "react-flow__controls-zoomout",
|
|
4788
4783
|
disabled: minZoomReached,
|
|
4789
4784
|
onClick: onZoomOutHandler,
|
|
4790
4785
|
size: "small",
|
|
4791
|
-
title: ariaLabelConfig["controls.zoomOut.ariaLabel"],
|
|
4792
4786
|
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material10.Remove, {})
|
|
4793
4787
|
}
|
|
4794
4788
|
),
|
|
4795
4789
|
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
4796
4790
|
import_material19.IconButton,
|
|
4797
4791
|
{
|
|
4798
|
-
"aria-label": ariaLabelConfig["controls.fitView.ariaLabel"],
|
|
4799
4792
|
className: "react-flow__controls-fitview",
|
|
4800
4793
|
onClick: onFitViewHandler,
|
|
4801
4794
|
size: "small",
|
|
4802
|
-
title: ariaLabelConfig["controls.fitView.ariaLabel"],
|
|
4803
4795
|
children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_icons_material10.FitScreen, {})
|
|
4804
4796
|
}
|
|
4805
4797
|
)
|