@tanstack/react-query-devtools 5.0.0-alpha.4 → 5.0.0-alpha.6
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/build/lib/Explorer.esm.js +1 -1
- package/build/lib/Explorer.esm.js.map +1 -1
- package/build/lib/Explorer.js +1 -1
- package/build/lib/Explorer.js.map +1 -1
- package/build/lib/devtools.d.ts +20 -2
- package/build/lib/devtools.esm.js +159 -33
- package/build/lib/devtools.esm.js.map +1 -1
- package/build/lib/devtools.js +158 -33
- package/build/lib/devtools.js.map +1 -1
- package/build/lib/devtools.mjs +103 -8
- package/build/lib/devtools.mjs.map +1 -1
- package/build/lib/index.prod.esm.js +163 -35
- package/build/lib/index.prod.esm.js.map +1 -1
- package/build/lib/index.prod.js +162 -35
- package/build/lib/index.prod.js.map +1 -1
- package/build/lib/index.prod.mjs +106 -9
- package/build/lib/index.prod.mjs.map +1 -1
- package/build/lib/styledComponents.esm.js +3 -1
- package/build/lib/styledComponents.esm.js.map +1 -1
- package/build/lib/styledComponents.js +3 -1
- package/build/lib/styledComponents.js.map +1 -1
- package/build/lib/styledComponents.mjs +3 -1
- package/build/lib/styledComponents.mjs.map +1 -1
- package/build/umd/index.development.js +105 -9
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +4 -4
- package/src/__tests__/Explorer.test.tsx +3 -2
- package/src/__tests__/devtools.test.tsx +157 -8
- package/src/devtools.tsx +149 -2
- package/src/styledComponents.ts +3 -1
|
@@ -40,7 +40,9 @@ const Button = styled('button', (props, theme) => ({
|
|
|
40
40
|
cursor: 'pointer'
|
|
41
41
|
}));
|
|
42
42
|
const QueryKeys = styled('span', {
|
|
43
|
-
display: '
|
|
43
|
+
display: 'flex',
|
|
44
|
+
flexWrap: 'wrap',
|
|
45
|
+
gap: '0.5em',
|
|
44
46
|
fontSize: '0.9em'
|
|
45
47
|
});
|
|
46
48
|
const QueryKey = styled('span', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledComponents.esm.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: '
|
|
1
|
+
{"version":3,"file":"styledComponents.esm.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: 'flex',\n flexWrap: 'wrap',\n gap: '0.5em',\n fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n display: 'inline-flex',\n alignItems: 'center',\n padding: '.2em .4em',\n fontWeight: 'bold',\n textShadow: '0 0 10px black',\n borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n color: 'inherit',\n background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","flexWrap","gap","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":";;AAEO,MAAMA,KAAK,GAAGC,MAAM,CACzB,KAAK,EACL,CAACC,MAAM,EAAEC,KAAK,MAAM;AAClBC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,UAAU,EAAG,CAAW,UAAA,CAAA;AACxBC,EAAAA,OAAO,EAAE,MAAM;EACfC,eAAe,EAAEJ,KAAK,CAACK,UAAU;EACjCC,KAAK,EAAEN,KAAK,CAACO,UAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpBC,IAAAA,aAAa,EAAE,QAAA;GAChB;AACD,EAAA,oBAAoB,EAAE;AACpBP,IAAAA,QAAQ,EAAE,MAAA;AACV;AACF,GAAA;AACF,CAAC,EACF;;MAEYQ,gBAAgB,GAAGX,MAAM,CACpC,KAAK,EACL,OAAO;AACLY,EAAAA,IAAI,EAAE,WAAW;AACjBP,EAAAA,OAAO,EAAE,MAAM;AACfK,EAAAA,aAAa,EAAE,QAAQ;AACvBG,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,MAAM,EAAE,MAAA;AACV,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE,CAACb,MAAM,EAAEC,KAAK,MAAM;AACxCa,IAAAA,SAAS,EAAG,CAAA,UAAA,EAAYb,KAAK,CAACc,IAAK,CAAA,CAAA;GACpC,CAAA;AACH,CAAC,EACF;AAEM,MAAMC,MAAM,GAAGjB,MAAM,CAAC,QAAQ,EAAE,CAACkB,KAAK,EAAEhB,KAAK,MAAM;AACxDiB,EAAAA,UAAU,EAAE,MAAM;AAClBhB,EAAAA,QAAQ,EAAE,MAAM;AAChBiB,EAAAA,UAAU,EAAE,MAAM;EAClBb,UAAU,EAAEL,KAAK,CAACc,IAAI;AACtBK,EAAAA,MAAM,EAAE,GAAG;AACXC,EAAAA,YAAY,EAAE,MAAM;AACpBd,EAAAA,KAAK,EAAE,OAAO;AACde,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,OAAO,EAAEN,KAAK,CAACO,QAAQ,GAAG,IAAI,GAAGC,SAAS;AAC1CC,EAAAA,MAAM,EAAE,SAAA;AACV,CAAC,CAAC,EAAC;MAEUC,SAAS,GAAG5B,MAAM,CAAC,MAAM,EAAE;AACtCK,EAAAA,OAAO,EAAE,MAAM;AACfwB,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,GAAG,EAAE,OAAO;AACZ3B,EAAAA,QAAQ,EAAE,OAAA;AACZ,CAAC,EAAC;MAEW4B,QAAQ,GAAG/B,MAAM,CAAC,MAAM,EAAE;AACrCK,EAAAA,OAAO,EAAE,aAAa;AACtB2B,EAAAA,UAAU,EAAE,QAAQ;AACpBT,EAAAA,OAAO,EAAE,WAAW;AACpBH,EAAAA,UAAU,EAAE,MAAM;AAClBa,EAAAA,UAAU,EAAE,gBAAgB;AAC5BX,EAAAA,YAAY,EAAE,MAAA;AAChB,CAAC,EAAC;MAEWY,IAAI,GAAGlC,MAAM,CAAC,MAAM,EAAE;AACjCG,EAAAA,QAAQ,EAAE,MAAM;AAChBK,EAAAA,KAAK,EAAE,SAAS;AAChBD,EAAAA,UAAU,EAAE,SAAA;AACd,CAAC,EAAC;AAEK,MAAM4B,KAAK,GAAGnC,MAAM,CAAC,OAAO,EAAE,CAACC,MAAM,EAAEC,KAAK,MAAM;EACvDI,eAAe,EAAEJ,KAAK,CAACkC,oBAAoB;AAC3Cf,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAE,MAAM;EACpBd,KAAK,EAAEN,KAAK,CAACmC,cAAc;AAC3BlC,EAAAA,QAAQ,EAAE,MAAM;AAChBmC,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBf,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,EAAC;AAEI,MAAMgB,MAAM,GAAGvC,MAAM,CAC1B,QAAQ,EACR,CAACC,MAAM,EAAEC,KAAK,MAAM;AAClBG,EAAAA,OAAO,EAAG,CAAa,YAAA,CAAA;AACvBF,EAAAA,QAAQ,EAAG,CAAK,IAAA,CAAA;AAChBC,EAAAA,UAAU,EAAG,CAAW,UAAA,CAAA;AACxBgB,EAAAA,UAAU,EAAE,QAAQ;AACpBkB,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBf,EAAAA,OAAO,EAAG,CAAqB,oBAAA,CAAA;AAC/BT,EAAAA,MAAM,EAAE,MAAM;AACdO,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAG,CAAK,IAAA,CAAA;AACpBH,EAAAA,UAAU,EAAG,CAAK,IAAA,CAAA;AAClBqB,EAAAA,gBAAgB,EAAE,MAAM;EACxBlC,eAAe,EAAEJ,KAAK,CAACkC,oBAAoB;AAC3CK,EAAAA,eAAe,EAAG,CAA6J,4JAAA,CAAA;AAC/KC,EAAAA,gBAAgB,EAAG,CAAU,SAAA,CAAA;AAC7BC,EAAAA,kBAAkB,EAAG,CAAmB,kBAAA,CAAA;AACxCC,EAAAA,cAAc,EAAG,CAAiB,gBAAA,CAAA;EAClCpC,KAAK,EAAEN,KAAK,CAACmC,cAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpBhC,IAAAA,OAAO,EAAE,MAAA;AACX,GAAA;AACF,CAAC;;;;"}
|
|
@@ -42,7 +42,9 @@ const Button = utils.styled('button', (props, theme) => ({
|
|
|
42
42
|
cursor: 'pointer'
|
|
43
43
|
}));
|
|
44
44
|
const QueryKeys = utils.styled('span', {
|
|
45
|
-
display: '
|
|
45
|
+
display: 'flex',
|
|
46
|
+
flexWrap: 'wrap',
|
|
47
|
+
gap: '0.5em',
|
|
46
48
|
fontSize: '0.9em'
|
|
47
49
|
});
|
|
48
50
|
const QueryKey = utils.styled('span', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledComponents.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: '
|
|
1
|
+
{"version":3,"file":"styledComponents.js","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: 'flex',\n flexWrap: 'wrap',\n gap: '0.5em',\n fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n display: 'inline-flex',\n alignItems: 'center',\n padding: '.2em .4em',\n fontWeight: 'bold',\n textShadow: '0 0 10px black',\n borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n color: 'inherit',\n background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","flexWrap","gap","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}
|
|
@@ -40,7 +40,9 @@ const Button = styled('button', (props, theme) => ({
|
|
|
40
40
|
cursor: 'pointer'
|
|
41
41
|
}));
|
|
42
42
|
const QueryKeys = styled('span', {
|
|
43
|
-
display: '
|
|
43
|
+
display: 'flex',
|
|
44
|
+
flexWrap: 'wrap',
|
|
45
|
+
gap: '0.5em',
|
|
44
46
|
fontSize: '0.9em'
|
|
45
47
|
});
|
|
46
48
|
const QueryKey = styled('span', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styledComponents.mjs","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: '
|
|
1
|
+
{"version":3,"file":"styledComponents.mjs","sources":["../../src/styledComponents.ts"],"sourcesContent":["import { styled } from './utils'\n\nexport const Panel = styled(\n 'div',\n (_props, theme) => ({\n fontSize: 'clamp(12px, 1.5vw, 14px)',\n fontFamily: `sans-serif`,\n display: 'flex',\n backgroundColor: theme.background,\n color: theme.foreground,\n }),\n {\n '(max-width: 700px)': {\n flexDirection: 'column',\n },\n '(max-width: 600px)': {\n fontSize: '.9em',\n // flexDirection: 'column',\n },\n },\n)\n\nexport const ActiveQueryPanel = styled(\n 'div',\n () => ({\n flex: '1 1 500px',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'auto',\n height: '100%',\n }),\n {\n '(max-width: 700px)': (_props, theme) => ({\n borderTop: `2px solid ${theme.gray}`,\n }),\n },\n)\n\nexport const Button = styled('button', (props, theme) => ({\n appearance: 'none',\n fontSize: '.9em',\n fontWeight: 'bold',\n background: theme.gray,\n border: '0',\n borderRadius: '.3em',\n color: 'white',\n padding: '.5em',\n opacity: props.disabled ? '.5' : undefined,\n cursor: 'pointer',\n}))\n\nexport const QueryKeys = styled('span', {\n display: 'flex',\n flexWrap: 'wrap',\n gap: '0.5em',\n fontSize: '0.9em',\n})\n\nexport const QueryKey = styled('span', {\n display: 'inline-flex',\n alignItems: 'center',\n padding: '.2em .4em',\n fontWeight: 'bold',\n textShadow: '0 0 10px black',\n borderRadius: '.2em',\n})\n\nexport const Code = styled('code', {\n fontSize: '.9em',\n color: 'inherit',\n background: 'inherit',\n})\n\nexport const Input = styled('input', (_props, theme) => ({\n backgroundColor: theme.inputBackgroundColor,\n border: 0,\n borderRadius: '.2em',\n color: theme.inputTextColor,\n fontSize: '.9em',\n lineHeight: `1.3`,\n padding: '.3em .4em',\n}))\n\nexport const Select = styled(\n 'select',\n (_props, theme) => ({\n display: `inline-block`,\n fontSize: `.9em`,\n fontFamily: `sans-serif`,\n fontWeight: 'normal',\n lineHeight: `1.3`,\n padding: `.3em 1.5em .3em .5em`,\n height: 'auto',\n border: 0,\n borderRadius: `.2em`,\n appearance: `none`,\n WebkitAppearance: 'none',\n backgroundColor: theme.inputBackgroundColor,\n backgroundImage: `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23444444'><polygon points='0,25 100,25 50,75'/></svg>\")`,\n backgroundRepeat: `no-repeat`,\n backgroundPosition: `right .55em center`,\n backgroundSize: `.65em auto, 100%`,\n color: theme.inputTextColor,\n }),\n {\n '(max-width: 500px)': {\n display: 'none',\n },\n },\n)\n"],"names":["Panel","styled","_props","theme","fontSize","fontFamily","display","backgroundColor","background","color","foreground","flexDirection","ActiveQueryPanel","flex","overflow","height","borderTop","gray","Button","props","appearance","fontWeight","border","borderRadius","padding","opacity","disabled","undefined","cursor","QueryKeys","flexWrap","gap","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}
|
|
@@ -1995,7 +1995,9 @@
|
|
|
1995
1995
|
cursor: 'pointer'
|
|
1996
1996
|
}));
|
|
1997
1997
|
const QueryKeys = styled('span', {
|
|
1998
|
-
display: '
|
|
1998
|
+
display: 'flex',
|
|
1999
|
+
flexWrap: 'wrap',
|
|
2000
|
+
gap: '0.5em',
|
|
1999
2001
|
fontSize: '0.9em'
|
|
2000
2002
|
});
|
|
2001
2003
|
const QueryKey = styled('span', {
|
|
@@ -2339,7 +2341,8 @@
|
|
|
2339
2341
|
containerElement: Container = 'aside',
|
|
2340
2342
|
queryClient,
|
|
2341
2343
|
styleNonce,
|
|
2342
|
-
panelPosition: initialPanelPosition = 'bottom'
|
|
2344
|
+
panelPosition: initialPanelPosition = 'bottom',
|
|
2345
|
+
errorTypes = []
|
|
2343
2346
|
}) {
|
|
2344
2347
|
const rootRef = React__namespace.useRef(null);
|
|
2345
2348
|
const panelRef = React__namespace.useRef(null);
|
|
@@ -2504,7 +2507,8 @@
|
|
|
2504
2507
|
style: style,
|
|
2505
2508
|
isOpen: isResolvedOpen,
|
|
2506
2509
|
setIsOpen: setIsOpen,
|
|
2507
|
-
onDragStart: e => handleDragStart(panelRef.current, e)
|
|
2510
|
+
onDragStart: e => handleDragStart(panelRef.current, e),
|
|
2511
|
+
errorTypes: errorTypes
|
|
2508
2512
|
}))), !isResolvedOpen ? /*#__PURE__*/React__namespace.createElement("button", _extends({
|
|
2509
2513
|
type: "button"
|
|
2510
2514
|
}, otherToggleButtonProps, {
|
|
@@ -2567,6 +2571,7 @@
|
|
|
2567
2571
|
showCloseButton,
|
|
2568
2572
|
position,
|
|
2569
2573
|
closeButtonProps = {},
|
|
2574
|
+
errorTypes = [],
|
|
2570
2575
|
...panelProps
|
|
2571
2576
|
} = props;
|
|
2572
2577
|
const {
|
|
@@ -2700,7 +2705,9 @@
|
|
|
2700
2705
|
}, "Bottom")) : null), /*#__PURE__*/React__namespace.createElement("div", {
|
|
2701
2706
|
style: {
|
|
2702
2707
|
display: 'flex',
|
|
2703
|
-
alignItems: 'center'
|
|
2708
|
+
alignItems: 'center',
|
|
2709
|
+
flexWrap: 'wrap',
|
|
2710
|
+
gap: '0.5em'
|
|
2704
2711
|
}
|
|
2705
2712
|
}, /*#__PURE__*/React__namespace.createElement(Input, {
|
|
2706
2713
|
placeholder: "Filter",
|
|
@@ -2712,7 +2719,6 @@
|
|
|
2712
2719
|
},
|
|
2713
2720
|
style: {
|
|
2714
2721
|
flex: '1',
|
|
2715
|
-
marginRight: '.5em',
|
|
2716
2722
|
width: '100%'
|
|
2717
2723
|
}
|
|
2718
2724
|
}), /*#__PURE__*/React__namespace.createElement(Select, {
|
|
@@ -2812,7 +2818,8 @@
|
|
|
2812
2818
|
}))), activeQueryHash && isOpen ? /*#__PURE__*/React__namespace.createElement(ActiveQuery, {
|
|
2813
2819
|
activeQueryHash: activeQueryHash,
|
|
2814
2820
|
queryCache: queryCache,
|
|
2815
|
-
queryClient: client
|
|
2821
|
+
queryClient: client,
|
|
2822
|
+
errorTypes: errorTypes
|
|
2816
2823
|
}) : null, showCloseButton ? /*#__PURE__*/React__namespace.createElement(Button, _extends({
|
|
2817
2824
|
type: "button",
|
|
2818
2825
|
"aria-controls": "ReactQueryDevtoolsPanel",
|
|
@@ -2836,7 +2843,8 @@
|
|
|
2836
2843
|
const ActiveQuery = ({
|
|
2837
2844
|
queryCache,
|
|
2838
2845
|
activeQueryHash,
|
|
2839
|
-
queryClient
|
|
2846
|
+
queryClient,
|
|
2847
|
+
errorTypes
|
|
2840
2848
|
}) => {
|
|
2841
2849
|
const activeQuery = useSubscribeToQueryCache(queryCache, () => queryCache.getAll().find(query => query.queryHash === activeQueryHash));
|
|
2842
2850
|
const activeQueryState = useSubscribeToQueryCache(queryCache, () => queryCache.getAll().find(query => query.queryHash === activeQueryHash)?.state);
|
|
@@ -2846,9 +2854,35 @@
|
|
|
2846
2854
|
const promise = activeQuery?.fetch();
|
|
2847
2855
|
promise?.catch(noop);
|
|
2848
2856
|
};
|
|
2857
|
+
const currentErrorTypeName = React.useMemo(() => {
|
|
2858
|
+
if (activeQuery && activeQueryState?.error) {
|
|
2859
|
+
const errorType = errorTypes.find(type => type.initializer(activeQuery).toString() === activeQueryState.error?.toString());
|
|
2860
|
+
return errorType?.name;
|
|
2861
|
+
}
|
|
2862
|
+
return undefined;
|
|
2863
|
+
}, [activeQuery, activeQueryState?.error, errorTypes]);
|
|
2849
2864
|
if (!activeQuery || !activeQueryState) {
|
|
2850
2865
|
return null;
|
|
2851
2866
|
}
|
|
2867
|
+
const triggerError = errorType => {
|
|
2868
|
+
const error = errorType?.initializer(activeQuery) ?? new Error('Unknown error from devtools');
|
|
2869
|
+
const __previousQueryOptions = activeQuery.options;
|
|
2870
|
+
activeQuery.setState({
|
|
2871
|
+
status: 'error',
|
|
2872
|
+
error,
|
|
2873
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
|
|
2874
|
+
fetchMeta: {
|
|
2875
|
+
...activeQuery.state.fetchMeta,
|
|
2876
|
+
__previousQueryOptions
|
|
2877
|
+
}
|
|
2878
|
+
});
|
|
2879
|
+
};
|
|
2880
|
+
const restoreQueryAfterLoadingOrError = () => {
|
|
2881
|
+
activeQuery.fetch(activeQuery.state.fetchMeta.__previousQueryOptions, {
|
|
2882
|
+
// Make sure this fetch will cancel the previous one
|
|
2883
|
+
cancelRefetch: true
|
|
2884
|
+
});
|
|
2885
|
+
};
|
|
2852
2886
|
return /*#__PURE__*/React__namespace.createElement(ActiveQueryPanel, null, /*#__PURE__*/React__namespace.createElement("div", {
|
|
2853
2887
|
style: {
|
|
2854
2888
|
padding: '.5em',
|
|
@@ -2915,7 +2949,11 @@
|
|
|
2915
2949
|
}
|
|
2916
2950
|
}, "Actions"), /*#__PURE__*/React__namespace.createElement("div", {
|
|
2917
2951
|
style: {
|
|
2918
|
-
padding: '0.5em'
|
|
2952
|
+
padding: '0.5em',
|
|
2953
|
+
display: 'flex',
|
|
2954
|
+
flexWrap: 'wrap',
|
|
2955
|
+
gap: '0.5em',
|
|
2956
|
+
alignItems: 'flex-end'
|
|
2919
2957
|
}
|
|
2920
2958
|
}, /*#__PURE__*/React__namespace.createElement(Button, {
|
|
2921
2959
|
type: "button",
|
|
@@ -2943,7 +2981,65 @@
|
|
|
2943
2981
|
style: {
|
|
2944
2982
|
background: defaultTheme.danger
|
|
2945
2983
|
}
|
|
2946
|
-
}, "Remove")
|
|
2984
|
+
}, "Remove"), ' ', /*#__PURE__*/React__namespace.createElement(Button, {
|
|
2985
|
+
type: "button",
|
|
2986
|
+
onClick: () => {
|
|
2987
|
+
if (activeQuery.state.data === undefined) {
|
|
2988
|
+
restoreQueryAfterLoadingOrError();
|
|
2989
|
+
} else {
|
|
2990
|
+
const __previousQueryOptions = activeQuery.options;
|
|
2991
|
+
// Trigger a fetch in order to trigger suspense as well.
|
|
2992
|
+
activeQuery.fetch({
|
|
2993
|
+
...__previousQueryOptions,
|
|
2994
|
+
queryFn: () => {
|
|
2995
|
+
return new Promise(() => {
|
|
2996
|
+
// Never resolve
|
|
2997
|
+
});
|
|
2998
|
+
},
|
|
2999
|
+
gcTime: -1
|
|
3000
|
+
});
|
|
3001
|
+
activeQuery.setState({
|
|
3002
|
+
data: undefined,
|
|
3003
|
+
status: 'pending',
|
|
3004
|
+
// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
|
|
3005
|
+
fetchMeta: {
|
|
3006
|
+
...activeQuery.state.fetchMeta,
|
|
3007
|
+
__previousQueryOptions
|
|
3008
|
+
}
|
|
3009
|
+
});
|
|
3010
|
+
}
|
|
3011
|
+
},
|
|
3012
|
+
style: {
|
|
3013
|
+
background: defaultTheme.paused
|
|
3014
|
+
}
|
|
3015
|
+
}, activeQuery.state.status === 'pending' ? 'Restore' : 'Trigger', ' ', "loading"), ' ', errorTypes.length === 0 || activeQuery.state.status === 'error' ? /*#__PURE__*/React__namespace.createElement(Button, {
|
|
3016
|
+
type: "button",
|
|
3017
|
+
onClick: () => {
|
|
3018
|
+
if (!activeQuery.state.error) {
|
|
3019
|
+
triggerError();
|
|
3020
|
+
} else {
|
|
3021
|
+
queryClient.resetQueries(activeQuery);
|
|
3022
|
+
}
|
|
3023
|
+
},
|
|
3024
|
+
style: {
|
|
3025
|
+
background: defaultTheme.danger
|
|
3026
|
+
}
|
|
3027
|
+
}, activeQuery.state.status === 'error' ? 'Restore' : 'Trigger', " error") : /*#__PURE__*/React__namespace.createElement("label", null, "Trigger error:", /*#__PURE__*/React__namespace.createElement(Select, {
|
|
3028
|
+
value: currentErrorTypeName ?? '',
|
|
3029
|
+
style: {
|
|
3030
|
+
marginInlineStart: '.5em'
|
|
3031
|
+
},
|
|
3032
|
+
onChange: e => {
|
|
3033
|
+
const errorType = errorTypes.find(t => t.name === e.target.value);
|
|
3034
|
+
triggerError(errorType);
|
|
3035
|
+
}
|
|
3036
|
+
}, /*#__PURE__*/React__namespace.createElement("option", {
|
|
3037
|
+
key: "",
|
|
3038
|
+
value: ""
|
|
3039
|
+
}), errorTypes.map(errorType => /*#__PURE__*/React__namespace.createElement("option", {
|
|
3040
|
+
key: errorType.name,
|
|
3041
|
+
value: errorType.name
|
|
3042
|
+
}, errorType.name))))), /*#__PURE__*/React__namespace.createElement("div", {
|
|
2947
3043
|
style: {
|
|
2948
3044
|
background: defaultTheme.backgroundAlt,
|
|
2949
3045
|
padding: '.5em',
|