msw-dev-tool 1.0.22 → 1.1.0

package/dist/cjs/hook/useFlattenHandlersTable.js

@@ -1,13 +1,14 @@
 'use strict';
 
-var index = require('../node_modules/@tanstack/react-table/build/lib/index.js');
+var index$1 = require('../node_modules/@tanstack/react-table/build/lib/index.js');
 var handlerStore = require('../lib/handlerStore.js');
 var React = require('react');
-var index$1 = require('../node_modules/@tanstack/table-core/build/lib/index.js');
+var index = require('../ui/Table/PreviewHandler/index.js');
+var index$2 = require('../node_modules/@tanstack/table-core/build/lib/index.js');
 
 const useFlattenHandlersTable = () => {
     const { flattenHandlers, handlerRowSelection, handleHandlerRowSelectionChange, } = handlerStore.useHandlerStore();
-    const columnHelper = index$1.createColumnHelper();
+    const columnHelper = index$2.createColumnHelper();
     const columns = React.useMemo(() => {
         return [
             columnHelper.accessor("enabled", {
@@ -21,12 +22,22 @@ const useFlattenHandlersTable = () => {
                 header: "Method",
                 cell: ({ row }) => (React.createElement("div", { className: "msw-dev-tool-center" }, row.original.method)),
             }),
+            columnHelper.accessor("handler", {
+                header: "Preview",
+                cell: ({ row }) => {
+                    const handler = row.original.handler;
+                    const [isOpen, setIsOpen] = React.useState(false);
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("button", { onClick: () => setIsOpen(true) }, "Preview"),
+                        isOpen && (React.createElement(index.PreviewHandler, { handler: handler, onClose: () => setIsOpen(false) }))));
+                },
+            }),
         ];
     }, []);
-    const table = index.useReactTable({
+    const table = index$1.useReactTable({
         columns,
         data: flattenHandlers,
-        getCoreRowModel: index$1.getCoreRowModel(),
+        getCoreRowModel: index$2.getCoreRowModel(),
         state: {
             rowSelection: handlerRowSelection,
         },

package/dist/cjs/hook/useFlattenHandlersTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFlattenHandlersTable.js","sources":["../../../src/hook/useFlattenHandlersTable.tsx"],"sourcesContent":["import {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useHandlerStore } from \"../lib/handlerStore\";\nimport { FlattenHandler } from \"../lib\";\nimport React, { useMemo } from \"react\";\n\nexport const useFlattenHandlersTable = () => {\n  const {\n    flattenHandlers,\n    handlerRowSelection,\n    handleHandlerRowSelectionChange,\n  } = useHandlerStore();\n\n  const columnHelper = createColumnHelper<FlattenHandler>();\n  const columns: ColumnDef<FlattenHandler, any>[] = useMemo(() => {\n    return [\n      columnHelper.accessor(\"enabled\", {\n        header: ({ table }) => (\n          <input\n            type=\"checkbox\"\n            checked={table.getIsAllRowsSelected()}\n            onChange={(e) => table.toggleAllRowsSelected(e.target.checked)}\n          />\n        ),\n        cell: ({ row }) => (\n          <input\n            type=\"checkbox\"\n            checked={row.getIsSelected()}\n            onChange={(e) => row.toggleSelected(e.target.checked)}\n          />\n        ),\n      }),\n      columnHelper.accessor(\"path\", {\n        header: \"End point\",\n      }),\n      columnHelper.accessor(\"method\", {\n        header: \"Method\",\n        cell: ({ row }) => (\n          <div className=\"msw-dev-tool-center\">{row.original.method}</div>\n        ),\n      }),\n    ];\n  }, []);\n\n  const table = useReactTable({\n    columns,\n    data: flattenHandlers,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      rowSelection: handlerRowSelection,\n    },\n    onRowSelectionChange: handleHandlerRowSelectionChange,\n    getRowId: (row) => row.id,\n    enableRowSelection: true,\n  });\n\n  return table;\n};\n"],"names":["useHandlerStore","createColumnHelper","useMemo","useReactTable","getCoreRowModel"],"mappings":";;;;;;;AAUO,MAAM,uBAAuB,GAAG,MAAK;IAC1C,MAAM,EACJ,eAAe,EACf,mBAAmB,EACnB,+BAA+B,GAChC,GAAGA,4BAAe,EAAE,CAAC;AAEtB,IAAA,MAAM,YAAY,GAAGC,0BAAkB,EAAkB,CAAC;AAC1D,IAAA,MAAM,OAAO,GAAqCC,aAAO,CAAC,MAAK;QAC7D,OAAO;AACL,YAAA,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE;AAC/B,gBAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChB,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,CAAC,oBAAoB,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC9D,CACH;AACD,gBAAA,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MACZ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,EAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACrD,CACH;aACF,CAAC;AACF,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;AAC5B,gBAAA,MAAM,EAAE,WAAW;aACpB,CAAC;AACF,YAAA,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE;AAC9B,gBAAA,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MACZ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAO,CACjE;aACF,CAAC;SACH,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAGC,mBAAa,CAAC;QAC1B,OAAO;AACP,QAAA,IAAI,EAAE,eAAe;QACrB,eAAe,EAAEC,uBAAe,EAAE;AAClC,QAAA,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,mBAAmB;AAClC,SAAA;AACD,QAAA,oBAAoB,EAAE,+BAA+B;QACrD,QAAQ,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE;AACzB,QAAA,kBAAkB,EAAE,IAAI;AACzB,KAAA,CAAC,CAAC;AAEH,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"useFlattenHandlersTable.js","sources":["../../../src/hook/useFlattenHandlersTable.tsx"],"sourcesContent":["import {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport { useHandlerStore } from \"../lib/handlerStore\";\nimport { FlattenHandler } from \"../lib\";\nimport React, { useMemo, useState } from \"react\";\nimport { PreviewHandler } from \"../ui/Table/PreviewHandler\";\n\nexport const useFlattenHandlersTable = () => {\n  const {\n    flattenHandlers,\n    handlerRowSelection,\n    handleHandlerRowSelectionChange,\n  } = useHandlerStore();\n\n  const columnHelper = createColumnHelper<FlattenHandler>();\n  const columns: ColumnDef<FlattenHandler, any>[] = useMemo(() => {\n    return [\n      columnHelper.accessor(\"enabled\", {\n        header: ({ table }) => (\n          <input\n            type=\"checkbox\"\n            checked={table.getIsAllRowsSelected()}\n            onChange={(e) => table.toggleAllRowsSelected(e.target.checked)}\n          />\n        ),\n        cell: ({ row }) => (\n          <input\n            type=\"checkbox\"\n            checked={row.getIsSelected()}\n            onChange={(e) => row.toggleSelected(e.target.checked)}\n          />\n        ),\n      }),\n      columnHelper.accessor(\"path\", {\n        header: \"End point\",\n      }),\n      columnHelper.accessor(\"method\", {\n        header: \"Method\",\n        cell: ({ row }) => (\n          <div className=\"msw-dev-tool-center\">{row.original.method}</div>\n        ),\n      }),\n      columnHelper.accessor(\"handler\", {\n        header: \"Preview\",\n        cell: ({ row }) => {\n          const handler = row.original.handler;\n          const [isOpen, setIsOpen] = useState(false);\n          return (\n            <>\n              <button onClick={() => setIsOpen(true)}>Preview</button>\n              {isOpen && (\n                <PreviewHandler\n                  handler={handler}\n                  onClose={() => setIsOpen(false)}\n                />\n              )}\n            </>\n          );\n        },\n      }),\n    ];\n  }, []);\n\n  const table = useReactTable({\n    columns,\n    data: flattenHandlers,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      rowSelection: handlerRowSelection,\n    },\n    onRowSelectionChange: handleHandlerRowSelectionChange,\n    getRowId: (row) => row.id,\n    enableRowSelection: true,\n  });\n\n  return table;\n};\n"],"names":["useHandlerStore","createColumnHelper","useMemo","useState","PreviewHandler","useReactTable","getCoreRowModel"],"mappings":";;;;;;;;AAWO,MAAM,uBAAuB,GAAG,MAAK;IAC1C,MAAM,EACJ,eAAe,EACf,mBAAmB,EACnB,+BAA+B,GAChC,GAAGA,4BAAe,EAAE,CAAC;AAEtB,IAAA,MAAM,YAAY,GAAGC,0BAAkB,EAAkB,CAAC;AAC1D,IAAA,MAAM,OAAO,GAAqCC,aAAO,CAAC,MAAK;QAC7D,OAAO;AACL,YAAA,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE;AAC/B,gBAAA,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAChB,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,CAAC,oBAAoB,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAC9D,CACH;AACD,gBAAA,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MACZ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,CAAC,aAAa,EAAE,EAC5B,QAAQ,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GACrD,CACH;aACF,CAAC;AACF,YAAA,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;AAC5B,gBAAA,MAAM,EAAE,WAAW;aACpB,CAAC;AACF,YAAA,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE;AAC9B,gBAAA,MAAM,EAAE,QAAQ;gBAChB,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,MACZ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,IAAE,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAO,CACjE;aACF,CAAC;AACF,YAAA,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE;AAC/B,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,KAAI;AAChB,oBAAA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC;oBACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;AAC5C,oBAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;wBACE,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,OAAO,EAAE,MAAM,SAAS,CAAC,IAAI,CAAC,EAAkB,EAAA,SAAA,CAAA;wBACvD,MAAM,KACL,KAAC,CAAA,aAAA,CAAAC,oBAAc,IACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,MAAM,SAAS,CAAC,KAAK,CAAC,EAC/B,CAAA,CACH,CACA,EACH;iBACH;aACF,CAAC;SACH,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAGC,qBAAa,CAAC;QAC1B,OAAO;AACP,QAAA,IAAI,EAAE,eAAe;QACrB,eAAe,EAAEC,uBAAe,EAAE;AAClC,QAAA,KAAK,EAAE;AACL,YAAA,YAAY,EAAE,mBAAmB;AAClC,SAAA;AACD,QAAA,oBAAoB,EAAE,+BAA+B;QACrD,QAAQ,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE;AACzB,QAAA,kBAAkB,EAAE,IAAI;AACzB,KAAA,CAAC,CAAC;AAEH,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}