msw-dev-tool 1.1.19 → 1.1.21
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/cjs/index.js +22 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +22 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +5 -2
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -29669,13 +29669,9 @@ const Container = ({ children }) => {
|
|
|
29669
29669
|
* - `Theme` has its own size, so the size must be cleared.
|
|
29670
29670
|
*/
|
|
29671
29671
|
const ThemeProvider = forwardRef(({ children }, ref) => {
|
|
29672
|
-
return (React__default.createElement(R$1, { ref: ref, style: {
|
|
29672
|
+
return (React__default.createElement(R$1, { appearance: "light", ref: ref, style: {
|
|
29673
29673
|
minHeight: 0,
|
|
29674
|
-
|
|
29675
|
-
position: "fixed",
|
|
29676
|
-
top: 0,
|
|
29677
|
-
left: 0,
|
|
29678
|
-
zIndex: 999,
|
|
29674
|
+
minWidth: 0,
|
|
29679
29675
|
} }, children));
|
|
29680
29676
|
});
|
|
29681
29677
|
ThemeProvider.displayName = "ThemeProvider";
|
|
@@ -29688,17 +29684,27 @@ const ToolButtonGroup = () => {
|
|
|
29688
29684
|
"Reset Dev tool")));
|
|
29689
29685
|
};
|
|
29690
29686
|
|
|
29691
|
-
const
|
|
29687
|
+
const DefaultDevToolTrigger = forwardRef((props, ref) => {
|
|
29688
|
+
return (React__default.createElement(o$2, { ref: ref, style: {
|
|
29689
|
+
fontSize: "2rem",
|
|
29690
|
+
borderRadius: "50%",
|
|
29691
|
+
width: "3.5rem",
|
|
29692
|
+
height: "3.5rem",
|
|
29693
|
+
margin: "1rem",
|
|
29694
|
+
position: "fixed",
|
|
29695
|
+
top: 0,
|
|
29696
|
+
left: 0,
|
|
29697
|
+
zIndex: 999,
|
|
29698
|
+
cursor: "pointer",
|
|
29699
|
+
}, ...props }, "M"));
|
|
29700
|
+
});
|
|
29701
|
+
DefaultDevToolTrigger.displayName = "DefaultDevToolTrigger";
|
|
29702
|
+
|
|
29703
|
+
const MSWDevTool = ({ trigger }) => {
|
|
29692
29704
|
return (React__default.createElement(ThemeProvider, null,
|
|
29693
29705
|
React__default.createElement(Drawer.Root, null,
|
|
29694
|
-
React__default.createElement(Drawer.Trigger, { asChild: true },
|
|
29695
|
-
React__default.createElement(
|
|
29696
|
-
fontSize: "2rem",
|
|
29697
|
-
borderRadius: "50%",
|
|
29698
|
-
width: "3.5rem",
|
|
29699
|
-
height: "3.5rem",
|
|
29700
|
-
margin: "1rem",
|
|
29701
|
-
} }, "M")),
|
|
29706
|
+
trigger ? (React__default.createElement(Drawer.Trigger, { asChild: true }, trigger)) : (React__default.createElement(Drawer.Trigger, { asChild: true },
|
|
29707
|
+
React__default.createElement(DefaultDevToolTrigger, null))),
|
|
29702
29708
|
React__default.createElement(Drawer.Portal, null,
|
|
29703
29709
|
React__default.createElement(ThemeProvider, null,
|
|
29704
29710
|
React__default.createElement(Drawer.Overlay, { style: {
|
|
@@ -29720,6 +29726,7 @@ const MSWDevTool = () => {
|
|
|
29720
29726
|
padding: "2rem",
|
|
29721
29727
|
display: "flex",
|
|
29722
29728
|
flexDirection: "column",
|
|
29729
|
+
color: "#000",
|
|
29723
29730
|
} },
|
|
29724
29731
|
React__default.createElement(p$3, { align: "center", justify: "between" },
|
|
29725
29732
|
React__default.createElement(Drawer.Title, { style: { margin: 0 } }, "MSW DEV TOOL"),
|