msw-dev-tool 3.1.1 → 3.1.3

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.
Files changed (25) hide show
  1. package/dist/cjs/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +23 -0
  2. package/dist/cjs/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
  3. package/dist/cjs/ui/DevToolContent/CloseButton.js +13 -0
  4. package/dist/cjs/ui/DevToolContent/CloseButton.js.map +1 -0
  5. package/dist/cjs/ui/DevToolContent/Form/FormFieldBase.js +2 -2
  6. package/dist/cjs/ui/DevToolContent/Form/FormFieldBase.js.map +1 -1
  7. package/dist/cjs/ui/DevToolContent/ToolButtonGroup/HandlerForm.js +11 -6
  8. package/dist/cjs/ui/DevToolContent/ToolButtonGroup/HandlerForm.js.map +1 -1
  9. package/dist/cjs/ui/DevToolContent/ToolButtonGroup/index.js +3 -8
  10. package/dist/cjs/ui/DevToolContent/ToolButtonGroup/index.js.map +1 -1
  11. package/dist/cjs/ui/MSWDevTool.js +4 -9
  12. package/dist/cjs/ui/MSWDevTool.js.map +1 -1
  13. package/dist/esm/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js +23 -1
  14. package/dist/esm/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js.map +1 -1
  15. package/dist/esm/ui/DevToolContent/CloseButton.js +11 -0
  16. package/dist/esm/ui/DevToolContent/CloseButton.js.map +1 -0
  17. package/dist/esm/ui/DevToolContent/Form/FormFieldBase.js +2 -2
  18. package/dist/esm/ui/DevToolContent/Form/FormFieldBase.js.map +1 -1
  19. package/dist/esm/ui/DevToolContent/ToolButtonGroup/HandlerForm.js +11 -6
  20. package/dist/esm/ui/DevToolContent/ToolButtonGroup/HandlerForm.js.map +1 -1
  21. package/dist/esm/ui/DevToolContent/ToolButtonGroup/index.js +3 -8
  22. package/dist/esm/ui/DevToolContent/ToolButtonGroup/index.js.map +1 -1
  23. package/dist/esm/ui/MSWDevTool.js +4 -9
  24. package/dist/esm/ui/MSWDevTool.js.map +1 -1
  25. package/package.json +1 -4
@@ -0,0 +1,11 @@
1
+ import React__default from 'react';
2
+ import { Cross2Icon } from '../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
3
+ import { Button as o } from '../../node_modules/@radix-ui/themes/dist/esm/components/button.js';
4
+
5
+ const CloseButton = ({ ...props }) => {
6
+ return (React__default.createElement(o, { variant: "ghost", color: "gray", ...props },
7
+ React__default.createElement(Cross2Icon, { width: 24, height: 24 })));
8
+ };
9
+
10
+ export { CloseButton };
11
+ //# sourceMappingURL=CloseButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CloseButton.js","sources":["../../../../src/ui/DevToolContent/CloseButton.tsx"],"sourcesContent":[null],"names":["React","Button"],"mappings":";;;;AAIa,MAAA,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAe,KAAI;AACvD,IAAA,QACEA,cAAA,CAAA,aAAA,CAACC,CAAM,EAAA,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAA,GAAK,KAAK,EAAA;AAC5C,QAAAD,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,CAC9B,EACT;AACJ;;;;"}
@@ -8,8 +8,8 @@ const FormFieldBase = ({ id, label, required, error, children, }) => {
8
8
  React__default.createElement(Label, { htmlFor: id },
9
9
  label,
10
10
  required && (React__default.createElement("span", { style: { color: "red", marginLeft: "0.2rem" } }, "*"))),
11
- children,
12
- error && (React__default.createElement(p$1, { size: "1", color: "red", weight: "medium" }, error))));
11
+ error && (React__default.createElement(p$1, { size: "1", color: "red", weight: "medium" }, error)),
12
+ children));
13
13
  };
14
14
 
15
15
  export { FormFieldBase };
@@ -1 +1 @@
1
- {"version":3,"file":"FormFieldBase.js","sources":["../../../../../src/ui/DevToolContent/Form/FormFieldBase.tsx"],"sourcesContent":[null],"names":["React","Flex","Text"],"mappings":";;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAC8B,KAAI;IAC1C,QACEA,cAAC,CAAA,aAAA,CAAAC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC9B,QAAAD,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA;YACf,KAAK;AACL,YAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAAA,GAAA,CAAU,CAC9D,CACK;QACP,QAAQ;QACR,KAAK,KACJA,cAAC,CAAA,aAAA,CAAAE,GAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAA,EACvC,KAAK,CACD,CACR,CACI,EACP;AACJ;;;;"}
1
+ {"version":3,"file":"FormFieldBase.js","sources":["../../../../../src/ui/DevToolContent/Form/FormFieldBase.tsx"],"sourcesContent":[null],"names":["React","Flex","Text"],"mappings":";;;;;AAWa,MAAA,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,GAC8B,KAAI;IAC1C,QACEA,cAAC,CAAA,aAAA,CAAAC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC9B,QAAAD,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,EAAE,EAAA;YACf,KAAK;AACL,YAAA,QAAQ,KACPA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,EAAA,GAAA,CAAU,CAC9D,CACK;AACP,QAAA,KAAK,KACJA,cAAA,CAAA,aAAA,CAACE,GAAI,EAAC,EAAA,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EACvC,EAAA,KAAK,CACD,CACR;QACA,QAAQ,CACJ,EACP;AACJ;;;;"}
@@ -40,16 +40,21 @@ const HandlerForm = ({ onClose }) => {
40
40
  addTempHandler(result.data);
41
41
  onClose === null || onClose === void 0 ? void 0 : onClose();
42
42
  };
43
- return (React__default.createElement("form", { onSubmit: validateForm, style: { overflowY: "scroll", flexGrow: 1, paddingRight: "1.5rem" } },
44
- React__default.createElement(p, { gap: "5", direction: "column" },
43
+ return (React__default.createElement("form", { onSubmit: validateForm, style: {
44
+ display: "flex",
45
+ flexDirection: "column",
46
+ gap: "var(--space-5)",
47
+ overflow: "hidden",
48
+ } },
49
+ React__default.createElement(p, { gap: "5", direction: "column", overflow: "scroll", flexGrow: "1" },
45
50
  React__default.createElement(SelectFormField, { label: "Method", name: "method", error: errors.method, options: options, required: true, defaultValue: HttpMethod.GET }),
46
51
  React__default.createElement(InputFormField, { label: "Path", name: "path", error: errors.path, placeholder: "api end point", required: true }),
47
52
  React__default.createElement(TextAreaFormField, { label: "Response", name: "response", error: errors.response, placeholder: "JSON response", style: {
48
53
  minHeight: "225px",
49
- }, required: true }),
50
- React__default.createElement(o, { type: "submit" },
51
- React__default.createElement(PlusIcon, null),
52
- "Add"))));
54
+ }, required: true })),
55
+ React__default.createElement(o, { type: "submit" },
56
+ React__default.createElement(PlusIcon, null),
57
+ "Add")));
53
58
  };
54
59
 
55
60
  export { HandlerForm };
@@ -1 +1 @@
1
- {"version":3,"file":"HandlerForm.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/HandlerForm.tsx"],"sourcesContent":[null],"names":["React","Flex","Button"],"mappings":"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"}
1
+ {"version":3,"file":"HandlerForm.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/HandlerForm.tsx"],"sourcesContent":[null],"names":["React","Flex","Button"],"mappings":"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"}
@@ -4,6 +4,7 @@ import { ReloadIcon, PlusIcon } from '../../../node_modules/@radix-ui/react-icon
4
4
  import { DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogTitle, DialogClose, DialogDescription } from '../../../node_modules/@radix-ui/react-dialog/dist/index.js';
5
5
  import { ThemeProvider } from '../../ThemeProvider.js';
6
6
  import { HandlerForm } from './HandlerForm.js';
7
+ import { CloseButton } from '../CloseButton.js';
7
8
  import { Flex as p } from '../../../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
8
9
  import { Button as o } from '../../../node_modules/@radix-ui/themes/dist/esm/components/button.js';
9
10
  import { Root as s } from '../../../node_modules/@radix-ui/themes/dist/esm/components/dialog.js';
@@ -40,14 +41,8 @@ const ToolButtonGroup = () => {
40
41
  } },
41
42
  React__default.createElement(p, { align: "center", justify: "between" },
42
43
  React__default.createElement(DialogTitle, null, "Add Temp Handler"),
43
- React__default.createElement(DialogClose, { style: {
44
- fontSize: "1.5rem",
45
- backgroundColor: "transparent",
46
- width: "2rem",
47
- height: "2rem",
48
- padding: 0,
49
- textAlign: "center",
50
- } }, "X")),
44
+ React__default.createElement(DialogClose, { asChild: true },
45
+ React__default.createElement(CloseButton, null))),
51
46
  React__default.createElement(DialogDescription, null,
52
47
  "Temp handler is stored in the session storage. If you",
53
48
  " ",
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/index.tsx"],"sourcesContent":[null],"names":["React","Flex","Button","Dialog.Root"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/ui/DevToolContent/ToolButtonGroup/index.tsx"],"sourcesContent":[null],"names":["React","Flex","Button","Dialog.Root"],"mappings":";;;;;;;;;;;AAiBO,MAAM,eAAe,GAAG,MAAK;AAClC,IAAA,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,QACEA,cAAC,CAAA,aAAA,CAAAC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA;AAClB,QAAAD,cAAA,CAAA,aAAA,CAACE,CAAM,EAAA,EAAC,OAAO,EAAE,MAAM,eAAe,EAAE,EAAE,KAAK,EAAC,SAAS,EAAA;AACvD,YAAAF,cAAA,CAAA,aAAA,CAAC,UAAU,EAAG,IAAA,CAAA;AAEP,YAAA,gBAAA,CAAA;QACTA,cAAC,CAAA,aAAA,CAAAG,CAAW,EAAC,EAAA,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,eAAe,EAAA;YAC5DH,cAAC,CAAA,aAAA,CAAA,aAAa,IAAC,OAAO,EAAA,IAAA,EAAA;AACpB,gBAAAA,cAAA,CAAA,aAAA,CAACE,CAAM,EAAA,IAAA;AACL,oBAAAF,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAG,IAAA,CAAA;uCAEL,CACK;AAChB,YAAAA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA;AACX,gBAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,oBAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;oBAC5CA,cAAC,CAAA,aAAA,CAAA,aAAa,EACZ,EAAA,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,GAAG,EAAE,KAAK;AACV,4BAAA,IAAI,EAAE,KAAK;AACX,4BAAA,SAAS,EAAE,uBAAuB;AAClC,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,WAAW;AACpB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACb,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,QAAQ,EAAE,QAAQ;AACnB,yBAAA,EAAA;wBAEDA,cAAC,CAAA,aAAA,CAAAC,CAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAAD,cAAA,CAAA,aAAA,CAAC,WAAW,EAA+B,IAAA,EAAA,kBAAA,CAAA;4BAC3CA,cAAC,CAAA,aAAA,CAAA,WAAW,IAAC,OAAO,EAAA,IAAA,EAAA;gCAClBA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAG,IAAA,CAAA,CACH,CACT;AACP,wBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,IAAA;;4BACsC,GAAG;AACzD,4BAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAuB,EAAA,gBAAA,CAAA;;AACjD,4BAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAgB,EAAA,SAAA,CAAA;AACnC,4BAAA,GAAA,CAAA;AACpB,wBAAAA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,OAAO,EAAE,MAAM,eAAe,CAAC,KAAK,CAAC,GAAI,CACxC,CACF,CACH,CACH,CACT,EACP;AACJ;;;;"}
@@ -6,6 +6,7 @@ import { HandlerDebugger } from './DevToolContent/HandlerDebugger/index.js';
6
6
  import { ThemeProvider } from './ThemeProvider.js';
7
7
  import { ToolButtonGroup } from './DevToolContent/ToolButtonGroup/index.js';
8
8
  import { DefaultDevToolTrigger } from './Trigger.js';
9
+ import { CloseButton } from './DevToolContent/CloseButton.js';
9
10
  import { Flex as p } from '../node_modules/@radix-ui/themes/dist/esm/components/flex.js';
10
11
 
11
12
  const MSWDevTool = ({ trigger }) => {
@@ -31,15 +32,9 @@ const MSWDevTool = ({ trigger }) => {
31
32
  } },
32
33
  React__default.createElement(p, { align: "center", justify: "between" },
33
34
  React__default.createElement(Drawer.Title, { style: { margin: 0, fontSize: "1.5rem", fontWeight: "bold" } }, "MSW DEV TOOL"),
34
- React__default.createElement(Drawer.Close, { style: {
35
- fontSize: "1.5rem",
36
- backgroundColor: "transparent",
37
- width: "2rem",
38
- height: "2rem",
39
- padding: 0,
40
- textAlign: "center",
41
- } }, "X")),
42
- React__default.createElement(DialogDescription, { className: "msw-dt-sub-text", style: { display: "none" } }, "Dev tool to control mock logic, and monitor handler logic calls."),
35
+ React__default.createElement(Drawer.Close, { asChild: true },
36
+ React__default.createElement(CloseButton, null))),
37
+ React__default.createElement(DialogDescription, { hidden: true, className: "msw-dt-sub-text" }, "Dev tool to control mock logic, and monitor handler logic calls."),
43
38
  React__default.createElement(ToolButtonGroup, null),
44
39
  React__default.createElement(p, { gap: "6", style: { flex: 1, overflow: "hidden" } },
45
40
  React__default.createElement(HandlerTable, null),
@@ -1 +1 @@
1
- {"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["React","Flex"],"mappings":";;;;;;;;;;MAca,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACEA,6BAAC,aAAa,EAAA,IAAA;QACZA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACNA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElDA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrBA,cAAC,CAAA,aAAA,CAAA,qBAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACDA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;AAC7C,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,KAAK;AACb,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACd,yBAAA,EAAA;wBAEDA,cAAC,CAAA,aAAA,CAAAC,CAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAAD,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,4BAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE;AACL,oCAAA,QAAQ,EAAE,QAAQ;AAClB,oCAAA,eAAe,EAAE,aAAa;AAC9B,oCAAA,KAAK,EAAE,MAAM;AACb,oCAAA,MAAM,EAAE,MAAM;AACd,oCAAA,OAAO,EAAE,CAAC;AACV,oCAAA,SAAS,EAAE,QAAQ;AACpB,iCAAA,EAAA,EAAA,GAAA,CAGY,CACV;AACP,wBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAGR,EAAA,kEAAA,CAAA;AACpB,wBAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAG,IAAA,CAAA;AACnB,wBAAAA,cAAA,CAAA,aAAA,CAACC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAAD,cAAA,CAAA,aAAA,CAAC,YAAY,EAAG,IAAA,CAAA;4BAChBA,cAAC,CAAA,aAAA,CAAA,eAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}
1
+ {"version":3,"file":"MSWDevTool.js","sources":["../../../src/ui/MSWDevTool.tsx"],"sourcesContent":[null],"names":["React","Flex"],"mappings":";;;;;;;;;;;MAea,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,KAAI;IACzD,QACEA,6BAAC,aAAa,EAAA,IAAA;QACZA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAA,IAAA;YACT,OAAO,IACNA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,EAAE,OAAO,CAAkB,KAElDA,6BAAC,MAAM,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gBACrBA,cAAC,CAAA,aAAA,CAAA,qBAAqB,EAAG,IAAA,CAAA,CACV,CAClB;YACDA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,MAAM,EAAA,IAAA;AACZ,gBAAAA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,IAAA;AACZ,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,gBAAgB,EAAG,CAAA;AAC7C,oBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,EAAA,EACb,KAAK,EAAE;AACL,4BAAA,QAAQ,EAAE,OAAO;AACjB,4BAAA,MAAM,EAAE,CAAC;AACT,4BAAA,IAAI,EAAE,CAAC;AACP,4BAAA,KAAK,EAAE,CAAC;AACR,4BAAA,MAAM,EAAE,KAAK;AACb,4BAAA,eAAe,EAAE,MAAM;AACvB,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,OAAO,EAAE,MAAM;AACf,4BAAA,aAAa,EAAE,QAAQ;AACvB,4BAAA,KAAK,EAAE,MAAM;AACd,yBAAA,EAAA;wBAEDA,cAAC,CAAA,aAAA,CAAAC,CAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAA;AACpC,4BAAAD,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,IACX,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,EAG/C,EAAA,cAAA,CAAA;AACf,4BAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA;gCACnBA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAG,IAAA,CAAA,CACF,CACV;AACP,wBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAiB,EAAC,EAAA,MAAM,QAAC,SAAS,EAAC,iBAAiB,EAEjC,EAAA,kEAAA,CAAA;AACpB,wBAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAG,IAAA,CAAA;AACnB,wBAAAA,cAAA,CAAA,aAAA,CAACC,CAAI,EAAC,EAAA,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAA;AAClD,4BAAAD,cAAA,CAAA,aAAA,CAAC,YAAY,EAAG,IAAA,CAAA;4BAChBA,cAAC,CAAA,aAAA,CAAA,eAAe,OAAG,CACd,CACQ,CACH,CACF,CACJ,CACA,EAChB;AACJ;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "msw-dev-tool",
3
- "version": "3.1.1",
3
+ "version": "3.1.3",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -69,9 +69,6 @@
69
69
  "@radix-ui/react-select": "^2.1.6",
70
70
  "@radix-ui/themes": "^3.2.1",
71
71
  "@tanstack/react-table": "^8.20.6",
72
- "@types/lodash": "^4.17.15",
73
- "immer": "^10.1.1",
74
- "lodash": "^4.17.21",
75
72
  "vaul": "^1.1.2",
76
73
  "zod": "^3.24.2"
77
74
  },