@tanstack/react-query-devtools 5.0.0-alpha.3 → 5.0.0-alpha.31
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/__tests__/devtools.test.d.ts +1 -1
- package/build/lib/__tests__/devtools.test.d.ts.map +1 -0
- package/build/lib/__tests__/utils.d.ts +1 -0
- package/build/lib/__tests__/utils.d.ts.map +1 -0
- package/build/lib/devtools.d.ts +11 -75
- package/build/lib/devtools.d.ts.map +1 -0
- package/build/lib/devtools.esm.js +52 -766
- package/build/lib/devtools.esm.js.map +1 -1
- package/build/lib/devtools.js +49 -783
- package/build/lib/devtools.js.map +1 -1
- package/build/lib/devtools.mjs +52 -766
- package/build/lib/devtools.mjs.map +1 -1
- package/build/lib/index.d.ts +1 -1
- package/build/lib/index.d.ts.map +1 -0
- package/build/lib/index.esm.js +10 -5
- package/build/lib/index.esm.js.map +1 -1
- package/build/lib/index.js +8 -4
- package/build/lib/index.js.map +1 -1
- package/build/lib/index.mjs +10 -5
- package/build/lib/index.mjs.map +1 -1
- package/build/lib/index.prod.d.ts +1 -1
- package/build/lib/index.prod.esm.js +7886 -1302
- package/build/lib/index.prod.esm.js.map +1 -1
- package/build/lib/index.prod.js +7953 -1389
- package/build/lib/index.prod.js.map +1 -1
- package/build/lib/index.prod.mjs +7886 -1302
- package/build/lib/index.prod.mjs.map +1 -1
- package/build/umd/index.development.js +7010 -2089
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +5 -6
- package/src/__tests__/devtools.test.tsx +1 -860
- package/src/devtools.tsx +61 -1165
- package/src/index.ts +6 -6
- package/build/lib/Explorer.d.ts +0 -50
- package/build/lib/Explorer.esm.js +0 -253
- package/build/lib/Explorer.esm.js.map +0 -1
- package/build/lib/Explorer.js +0 -287
- package/build/lib/Explorer.js.map +0 -1
- package/build/lib/Explorer.mjs +0 -253
- package/build/lib/Explorer.mjs.map +0 -1
- package/build/lib/Logo.d.ts +0 -1
- package/build/lib/Logo.esm.js +0 -32
- package/build/lib/Logo.esm.js.map +0 -1
- package/build/lib/Logo.js +0 -55
- package/build/lib/Logo.js.map +0 -1
- package/build/lib/Logo.mjs +0 -32
- package/build/lib/Logo.mjs.map +0 -1
- package/build/lib/__tests__/Explorer.test.d.ts +0 -1
- package/build/lib/_virtual/_rollupPluginBabelHelpers.esm.js +0 -17
- package/build/lib/_virtual/_rollupPluginBabelHelpers.esm.js.map +0 -1
- package/build/lib/_virtual/_rollupPluginBabelHelpers.js +0 -19
- package/build/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
- package/build/lib/_virtual/_rollupPluginBabelHelpers.mjs +0 -17
- package/build/lib/_virtual/_rollupPluginBabelHelpers.mjs.map +0 -1
- package/build/lib/noop.d.ts +0 -2
- package/build/lib/screenreader.d.ts +0 -3
- package/build/lib/screenreader.esm.js +0 -17
- package/build/lib/screenreader.esm.js.map +0 -1
- package/build/lib/screenreader.js +0 -40
- package/build/lib/screenreader.js.map +0 -1
- package/build/lib/screenreader.mjs +0 -17
- package/build/lib/screenreader.mjs.map +0 -1
- package/build/lib/styledComponents.d.ts +0 -9
- package/build/lib/styledComponents.esm.js +0 -93
- package/build/lib/styledComponents.esm.js.map +0 -1
- package/build/lib/styledComponents.js +0 -102
- package/build/lib/styledComponents.js.map +0 -1
- package/build/lib/styledComponents.mjs +0 -93
- package/build/lib/styledComponents.mjs.map +0 -1
- package/build/lib/theme.d.ts +0 -36
- package/build/lib/theme.esm.js +0 -32
- package/build/lib/theme.esm.js.map +0 -1
- package/build/lib/theme.js +0 -55
- package/build/lib/theme.js.map +0 -1
- package/build/lib/theme.mjs +0 -32
- package/build/lib/theme.mjs.map +0 -1
- package/build/lib/useLocalStorage.d.ts +0 -1
- package/build/lib/useLocalStorage.esm.js +0 -40
- package/build/lib/useLocalStorage.esm.js.map +0 -1
- package/build/lib/useLocalStorage.js +0 -63
- package/build/lib/useLocalStorage.js.map +0 -1
- package/build/lib/useLocalStorage.mjs +0 -40
- package/build/lib/useLocalStorage.mjs.map +0 -1
- package/build/lib/useMediaQuery.d.ts +0 -1
- package/build/lib/useMediaQuery.esm.js +0 -36
- package/build/lib/useMediaQuery.esm.js.map +0 -1
- package/build/lib/useMediaQuery.js +0 -59
- package/build/lib/useMediaQuery.js.map +0 -1
- package/build/lib/useMediaQuery.mjs +0 -36
- package/build/lib/useMediaQuery.mjs.map +0 -1
- package/build/lib/utils.d.ts +0 -79
- package/build/lib/utils.esm.js +0 -184
- package/build/lib/utils.esm.js.map +0 -1
- package/build/lib/utils.js +0 -218
- package/build/lib/utils.js.map +0 -1
- package/build/lib/utils.mjs +0 -184
- package/build/lib/utils.mjs.map +0 -1
- package/src/Explorer.tsx +0 -385
- package/src/Logo.tsx +0 -32
- package/src/__tests__/Explorer.test.tsx +0 -149
- package/src/noop.ts +0 -7
- package/src/screenreader.tsx +0 -16
- package/src/styledComponents.ts +0 -108
- package/src/theme.tsx +0 -33
- package/src/useLocalStorage.ts +0 -52
- package/src/useMediaQuery.ts +0 -34
- package/src/utils.ts +0 -319
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
3
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
4
|
-
var source = arguments[i];
|
|
5
|
-
for (var key in source) {
|
|
6
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
7
|
-
target[key] = source[key];
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
return target;
|
|
12
|
-
};
|
|
13
|
-
return _extends.apply(this, arguments);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { _extends as extends };
|
|
17
|
-
//# sourceMappingURL=_rollupPluginBabelHelpers.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _extends() {
|
|
4
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
5
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
6
|
-
var source = arguments[i];
|
|
7
|
-
for (var key in source) {
|
|
8
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
9
|
-
target[key] = source[key];
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
return target;
|
|
14
|
-
};
|
|
15
|
-
return _extends.apply(this, arguments);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
exports.extends = _extends;
|
|
19
|
-
//# sourceMappingURL=_rollupPluginBabelHelpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
function _extends() {
|
|
2
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
3
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
4
|
-
var source = arguments[i];
|
|
5
|
-
for (var key in source) {
|
|
6
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
7
|
-
target[key] = source[key];
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
return target;
|
|
12
|
-
};
|
|
13
|
-
return _extends.apply(this, arguments);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { _extends as extends };
|
|
17
|
-
//# sourceMappingURL=_rollupPluginBabelHelpers.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_rollupPluginBabelHelpers.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
|
package/build/lib/noop.d.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
function ScreenReader({
|
|
4
|
-
text
|
|
5
|
-
}) {
|
|
6
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
7
|
-
style: {
|
|
8
|
-
position: 'absolute',
|
|
9
|
-
width: '0.1px',
|
|
10
|
-
height: '0.1px',
|
|
11
|
-
overflow: 'hidden'
|
|
12
|
-
}
|
|
13
|
-
}, text);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { ScreenReader as default };
|
|
17
|
-
//# sourceMappingURL=screenreader.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"screenreader.esm.js","sources":["../../src/screenreader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport default function ScreenReader({ text }: { text: string }) {\n return (\n <span\n style={{\n position: 'absolute',\n width: '0.1px',\n height: '0.1px',\n overflow: 'hidden',\n }}\n >\n {text}\n </span>\n )\n}\n"],"names":["ScreenReader","text","position","width","height","overflow"],"mappings":";;AAEe,SAASA,YAAY,CAAC;AAAEC,EAAAA,IAAAA;AAAuB,CAAC,EAAE;EAC/D,oBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,MAAM,EAAE,OAAO;AACfC,MAAAA,QAAQ,EAAE,QAAA;AACZ,KAAA;AAAE,GAAA,EAEDJ,IAAI,CACA,CAAA;AAEX;;;;"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
|
|
7
|
-
function _interopNamespaceDefault(e) {
|
|
8
|
-
var n = Object.create(null);
|
|
9
|
-
if (e) {
|
|
10
|
-
Object.keys(e).forEach(function (k) {
|
|
11
|
-
if (k !== 'default') {
|
|
12
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
13
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function () { return e[k]; }
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
n.default = e;
|
|
21
|
-
return Object.freeze(n);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
25
|
-
|
|
26
|
-
function ScreenReader({
|
|
27
|
-
text
|
|
28
|
-
}) {
|
|
29
|
-
return /*#__PURE__*/React__namespace.createElement("span", {
|
|
30
|
-
style: {
|
|
31
|
-
position: 'absolute',
|
|
32
|
-
width: '0.1px',
|
|
33
|
-
height: '0.1px',
|
|
34
|
-
overflow: 'hidden'
|
|
35
|
-
}
|
|
36
|
-
}, text);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
exports.default = ScreenReader;
|
|
40
|
-
//# sourceMappingURL=screenreader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"screenreader.js","sources":["../../src/screenreader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport default function ScreenReader({ text }: { text: string }) {\n return (\n <span\n style={{\n position: 'absolute',\n width: '0.1px',\n height: '0.1px',\n overflow: 'hidden',\n }}\n >\n {text}\n </span>\n )\n}\n"],"names":["ScreenReader","text","React","position","width","height","overflow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,YAAY,CAAC;AAAEC,EAAAA,IAAAA;AAAuB,CAAC,EAAE;EAC/D,oBACEC,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,MAAM,EAAE,OAAO;AACfC,MAAAA,QAAQ,EAAE,QAAA;AACZ,KAAA;AAAE,GAAA,EAEDL,IAAI,CACA,CAAA;AAEX;;;;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
|
|
3
|
-
function ScreenReader({
|
|
4
|
-
text
|
|
5
|
-
}) {
|
|
6
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
7
|
-
style: {
|
|
8
|
-
position: 'absolute',
|
|
9
|
-
width: '0.1px',
|
|
10
|
-
height: '0.1px',
|
|
11
|
-
overflow: 'hidden'
|
|
12
|
-
}
|
|
13
|
-
}, text);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export { ScreenReader as default };
|
|
17
|
-
//# sourceMappingURL=screenreader.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"screenreader.mjs","sources":["../../src/screenreader.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport default function ScreenReader({ text }: { text: string }) {\n return (\n <span\n style={{\n position: 'absolute',\n width: '0.1px',\n height: '0.1px',\n overflow: 'hidden',\n }}\n >\n {text}\n </span>\n )\n}\n"],"names":["ScreenReader","text","position","width","height","overflow"],"mappings":";;AAEe,SAASA,YAAY,CAAC;AAAEC,EAAAA,IAAAA;AAAuB,CAAC,EAAE;EAC/D,oBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,MAAM,EAAE,OAAO;AACfC,MAAAA,QAAQ,EAAE,QAAA;AACZ,KAAA;AAAE,GAAA,EAEDJ,IAAI,CACA,CAAA;AAEX;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Panel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
-
export declare const ActiveQueryPanel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
export declare const Button: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
-
export declare const QueryKeys: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
6
|
-
export declare const QueryKey: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
|
-
export declare const Code: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
|
|
8
|
-
export declare const Input: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export declare const Select: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "key" | keyof import("react").SelectHTMLAttributes<HTMLSelectElement>> & import("react").RefAttributes<HTMLSelectElement>>;
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { styled } from './utils.esm.js';
|
|
2
|
-
|
|
3
|
-
const Panel = styled('div', (_props, theme) => ({
|
|
4
|
-
fontSize: 'clamp(12px, 1.5vw, 14px)',
|
|
5
|
-
fontFamily: `sans-serif`,
|
|
6
|
-
display: 'flex',
|
|
7
|
-
backgroundColor: theme.background,
|
|
8
|
-
color: theme.foreground
|
|
9
|
-
}), {
|
|
10
|
-
'(max-width: 700px)': {
|
|
11
|
-
flexDirection: 'column'
|
|
12
|
-
},
|
|
13
|
-
'(max-width: 600px)': {
|
|
14
|
-
fontSize: '.9em'
|
|
15
|
-
// flexDirection: 'column',
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
const ActiveQueryPanel = styled('div', () => ({
|
|
20
|
-
flex: '1 1 500px',
|
|
21
|
-
display: 'flex',
|
|
22
|
-
flexDirection: 'column',
|
|
23
|
-
overflow: 'auto',
|
|
24
|
-
height: '100%'
|
|
25
|
-
}), {
|
|
26
|
-
'(max-width: 700px)': (_props, theme) => ({
|
|
27
|
-
borderTop: `2px solid ${theme.gray}`
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
const Button = styled('button', (props, theme) => ({
|
|
31
|
-
appearance: 'none',
|
|
32
|
-
fontSize: '.9em',
|
|
33
|
-
fontWeight: 'bold',
|
|
34
|
-
background: theme.gray,
|
|
35
|
-
border: '0',
|
|
36
|
-
borderRadius: '.3em',
|
|
37
|
-
color: 'white',
|
|
38
|
-
padding: '.5em',
|
|
39
|
-
opacity: props.disabled ? '.5' : undefined,
|
|
40
|
-
cursor: 'pointer'
|
|
41
|
-
}));
|
|
42
|
-
const QueryKeys = styled('span', {
|
|
43
|
-
display: 'inline-block',
|
|
44
|
-
fontSize: '0.9em'
|
|
45
|
-
});
|
|
46
|
-
const QueryKey = styled('span', {
|
|
47
|
-
display: 'inline-flex',
|
|
48
|
-
alignItems: 'center',
|
|
49
|
-
padding: '.2em .4em',
|
|
50
|
-
fontWeight: 'bold',
|
|
51
|
-
textShadow: '0 0 10px black',
|
|
52
|
-
borderRadius: '.2em'
|
|
53
|
-
});
|
|
54
|
-
const Code = styled('code', {
|
|
55
|
-
fontSize: '.9em',
|
|
56
|
-
color: 'inherit',
|
|
57
|
-
background: 'inherit'
|
|
58
|
-
});
|
|
59
|
-
const Input = styled('input', (_props, theme) => ({
|
|
60
|
-
backgroundColor: theme.inputBackgroundColor,
|
|
61
|
-
border: 0,
|
|
62
|
-
borderRadius: '.2em',
|
|
63
|
-
color: theme.inputTextColor,
|
|
64
|
-
fontSize: '.9em',
|
|
65
|
-
lineHeight: `1.3`,
|
|
66
|
-
padding: '.3em .4em'
|
|
67
|
-
}));
|
|
68
|
-
const Select = styled('select', (_props, theme) => ({
|
|
69
|
-
display: `inline-block`,
|
|
70
|
-
fontSize: `.9em`,
|
|
71
|
-
fontFamily: `sans-serif`,
|
|
72
|
-
fontWeight: 'normal',
|
|
73
|
-
lineHeight: `1.3`,
|
|
74
|
-
padding: `.3em 1.5em .3em .5em`,
|
|
75
|
-
height: 'auto',
|
|
76
|
-
border: 0,
|
|
77
|
-
borderRadius: `.2em`,
|
|
78
|
-
appearance: `none`,
|
|
79
|
-
WebkitAppearance: 'none',
|
|
80
|
-
backgroundColor: theme.inputBackgroundColor,
|
|
81
|
-
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>")`,
|
|
82
|
-
backgroundRepeat: `no-repeat`,
|
|
83
|
-
backgroundPosition: `right .55em center`,
|
|
84
|
-
backgroundSize: `.65em auto, 100%`,
|
|
85
|
-
color: theme.inputTextColor
|
|
86
|
-
}), {
|
|
87
|
-
'(max-width: 500px)': {
|
|
88
|
-
display: 'none'
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
export { ActiveQueryPanel, Button, Code, Input, Panel, QueryKey, QueryKeys, Select };
|
|
93
|
-
//# sourceMappingURL=styledComponents.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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: 'inline-block',\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","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,cAAc;AACvBF,EAAAA,QAAQ,EAAE,OAAA;AACZ,CAAC,EAAC;MAEW0B,QAAQ,GAAG7B,MAAM,CAAC,MAAM,EAAE;AACrCK,EAAAA,OAAO,EAAE,aAAa;AACtByB,EAAAA,UAAU,EAAE,QAAQ;AACpBP,EAAAA,OAAO,EAAE,WAAW;AACpBH,EAAAA,UAAU,EAAE,MAAM;AAClBW,EAAAA,UAAU,EAAE,gBAAgB;AAC5BT,EAAAA,YAAY,EAAE,MAAA;AAChB,CAAC,EAAC;MAEWU,IAAI,GAAGhC,MAAM,CAAC,MAAM,EAAE;AACjCG,EAAAA,QAAQ,EAAE,MAAM;AAChBK,EAAAA,KAAK,EAAE,SAAS;AAChBD,EAAAA,UAAU,EAAE,SAAA;AACd,CAAC,EAAC;AAEK,MAAM0B,KAAK,GAAGjC,MAAM,CAAC,OAAO,EAAE,CAACC,MAAM,EAAEC,KAAK,MAAM;EACvDI,eAAe,EAAEJ,KAAK,CAACgC,oBAAoB;AAC3Cb,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,YAAY,EAAE,MAAM;EACpBd,KAAK,EAAEN,KAAK,CAACiC,cAAc;AAC3BhC,EAAAA,QAAQ,EAAE,MAAM;AAChBiC,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBb,EAAAA,OAAO,EAAE,WAAA;AACX,CAAC,CAAC,EAAC;AAEI,MAAMc,MAAM,GAAGrC,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;AACpBgB,EAAAA,UAAU,EAAG,CAAI,GAAA,CAAA;AACjBb,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;AAClBmB,EAAAA,gBAAgB,EAAE,MAAM;EACxBhC,eAAe,EAAEJ,KAAK,CAACgC,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;EAClClC,KAAK,EAAEN,KAAK,CAACiC,cAAAA;AACf,CAAC,CAAC,EACF;AACE,EAAA,oBAAoB,EAAE;AACpB9B,IAAAA,OAAO,EAAE,MAAA;AACX,GAAA;AACF,CAAC;;;;"}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var utils = require('./utils.js');
|
|
4
|
-
|
|
5
|
-
const Panel = utils.styled('div', (_props, theme) => ({
|
|
6
|
-
fontSize: 'clamp(12px, 1.5vw, 14px)',
|
|
7
|
-
fontFamily: `sans-serif`,
|
|
8
|
-
display: 'flex',
|
|
9
|
-
backgroundColor: theme.background,
|
|
10
|
-
color: theme.foreground
|
|
11
|
-
}), {
|
|
12
|
-
'(max-width: 700px)': {
|
|
13
|
-
flexDirection: 'column'
|
|
14
|
-
},
|
|
15
|
-
'(max-width: 600px)': {
|
|
16
|
-
fontSize: '.9em'
|
|
17
|
-
// flexDirection: 'column',
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
const ActiveQueryPanel = utils.styled('div', () => ({
|
|
22
|
-
flex: '1 1 500px',
|
|
23
|
-
display: 'flex',
|
|
24
|
-
flexDirection: 'column',
|
|
25
|
-
overflow: 'auto',
|
|
26
|
-
height: '100%'
|
|
27
|
-
}), {
|
|
28
|
-
'(max-width: 700px)': (_props, theme) => ({
|
|
29
|
-
borderTop: `2px solid ${theme.gray}`
|
|
30
|
-
})
|
|
31
|
-
});
|
|
32
|
-
const Button = utils.styled('button', (props, theme) => ({
|
|
33
|
-
appearance: 'none',
|
|
34
|
-
fontSize: '.9em',
|
|
35
|
-
fontWeight: 'bold',
|
|
36
|
-
background: theme.gray,
|
|
37
|
-
border: '0',
|
|
38
|
-
borderRadius: '.3em',
|
|
39
|
-
color: 'white',
|
|
40
|
-
padding: '.5em',
|
|
41
|
-
opacity: props.disabled ? '.5' : undefined,
|
|
42
|
-
cursor: 'pointer'
|
|
43
|
-
}));
|
|
44
|
-
const QueryKeys = utils.styled('span', {
|
|
45
|
-
display: 'inline-block',
|
|
46
|
-
fontSize: '0.9em'
|
|
47
|
-
});
|
|
48
|
-
const QueryKey = utils.styled('span', {
|
|
49
|
-
display: 'inline-flex',
|
|
50
|
-
alignItems: 'center',
|
|
51
|
-
padding: '.2em .4em',
|
|
52
|
-
fontWeight: 'bold',
|
|
53
|
-
textShadow: '0 0 10px black',
|
|
54
|
-
borderRadius: '.2em'
|
|
55
|
-
});
|
|
56
|
-
const Code = utils.styled('code', {
|
|
57
|
-
fontSize: '.9em',
|
|
58
|
-
color: 'inherit',
|
|
59
|
-
background: 'inherit'
|
|
60
|
-
});
|
|
61
|
-
const Input = utils.styled('input', (_props, theme) => ({
|
|
62
|
-
backgroundColor: theme.inputBackgroundColor,
|
|
63
|
-
border: 0,
|
|
64
|
-
borderRadius: '.2em',
|
|
65
|
-
color: theme.inputTextColor,
|
|
66
|
-
fontSize: '.9em',
|
|
67
|
-
lineHeight: `1.3`,
|
|
68
|
-
padding: '.3em .4em'
|
|
69
|
-
}));
|
|
70
|
-
const Select = utils.styled('select', (_props, theme) => ({
|
|
71
|
-
display: `inline-block`,
|
|
72
|
-
fontSize: `.9em`,
|
|
73
|
-
fontFamily: `sans-serif`,
|
|
74
|
-
fontWeight: 'normal',
|
|
75
|
-
lineHeight: `1.3`,
|
|
76
|
-
padding: `.3em 1.5em .3em .5em`,
|
|
77
|
-
height: 'auto',
|
|
78
|
-
border: 0,
|
|
79
|
-
borderRadius: `.2em`,
|
|
80
|
-
appearance: `none`,
|
|
81
|
-
WebkitAppearance: 'none',
|
|
82
|
-
backgroundColor: theme.inputBackgroundColor,
|
|
83
|
-
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>")`,
|
|
84
|
-
backgroundRepeat: `no-repeat`,
|
|
85
|
-
backgroundPosition: `right .55em center`,
|
|
86
|
-
backgroundSize: `.65em auto, 100%`,
|
|
87
|
-
color: theme.inputTextColor
|
|
88
|
-
}), {
|
|
89
|
-
'(max-width: 500px)': {
|
|
90
|
-
display: 'none'
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
exports.ActiveQueryPanel = ActiveQueryPanel;
|
|
95
|
-
exports.Button = Button;
|
|
96
|
-
exports.Code = Code;
|
|
97
|
-
exports.Input = Input;
|
|
98
|
-
exports.Panel = Panel;
|
|
99
|
-
exports.QueryKey = QueryKey;
|
|
100
|
-
exports.QueryKeys = QueryKeys;
|
|
101
|
-
exports.Select = Select;
|
|
102
|
-
//# sourceMappingURL=styledComponents.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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: 'inline-block',\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","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { styled } from './utils.mjs';
|
|
2
|
-
|
|
3
|
-
const Panel = styled('div', (_props, theme) => ({
|
|
4
|
-
fontSize: 'clamp(12px, 1.5vw, 14px)',
|
|
5
|
-
fontFamily: `sans-serif`,
|
|
6
|
-
display: 'flex',
|
|
7
|
-
backgroundColor: theme.background,
|
|
8
|
-
color: theme.foreground
|
|
9
|
-
}), {
|
|
10
|
-
'(max-width: 700px)': {
|
|
11
|
-
flexDirection: 'column'
|
|
12
|
-
},
|
|
13
|
-
'(max-width: 600px)': {
|
|
14
|
-
fontSize: '.9em'
|
|
15
|
-
// flexDirection: 'column',
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
const ActiveQueryPanel = styled('div', () => ({
|
|
20
|
-
flex: '1 1 500px',
|
|
21
|
-
display: 'flex',
|
|
22
|
-
flexDirection: 'column',
|
|
23
|
-
overflow: 'auto',
|
|
24
|
-
height: '100%'
|
|
25
|
-
}), {
|
|
26
|
-
'(max-width: 700px)': (_props, theme) => ({
|
|
27
|
-
borderTop: `2px solid ${theme.gray}`
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
const Button = styled('button', (props, theme) => ({
|
|
31
|
-
appearance: 'none',
|
|
32
|
-
fontSize: '.9em',
|
|
33
|
-
fontWeight: 'bold',
|
|
34
|
-
background: theme.gray,
|
|
35
|
-
border: '0',
|
|
36
|
-
borderRadius: '.3em',
|
|
37
|
-
color: 'white',
|
|
38
|
-
padding: '.5em',
|
|
39
|
-
opacity: props.disabled ? '.5' : undefined,
|
|
40
|
-
cursor: 'pointer'
|
|
41
|
-
}));
|
|
42
|
-
const QueryKeys = styled('span', {
|
|
43
|
-
display: 'inline-block',
|
|
44
|
-
fontSize: '0.9em'
|
|
45
|
-
});
|
|
46
|
-
const QueryKey = styled('span', {
|
|
47
|
-
display: 'inline-flex',
|
|
48
|
-
alignItems: 'center',
|
|
49
|
-
padding: '.2em .4em',
|
|
50
|
-
fontWeight: 'bold',
|
|
51
|
-
textShadow: '0 0 10px black',
|
|
52
|
-
borderRadius: '.2em'
|
|
53
|
-
});
|
|
54
|
-
const Code = styled('code', {
|
|
55
|
-
fontSize: '.9em',
|
|
56
|
-
color: 'inherit',
|
|
57
|
-
background: 'inherit'
|
|
58
|
-
});
|
|
59
|
-
const Input = styled('input', (_props, theme) => ({
|
|
60
|
-
backgroundColor: theme.inputBackgroundColor,
|
|
61
|
-
border: 0,
|
|
62
|
-
borderRadius: '.2em',
|
|
63
|
-
color: theme.inputTextColor,
|
|
64
|
-
fontSize: '.9em',
|
|
65
|
-
lineHeight: `1.3`,
|
|
66
|
-
padding: '.3em .4em'
|
|
67
|
-
}));
|
|
68
|
-
const Select = styled('select', (_props, theme) => ({
|
|
69
|
-
display: `inline-block`,
|
|
70
|
-
fontSize: `.9em`,
|
|
71
|
-
fontFamily: `sans-serif`,
|
|
72
|
-
fontWeight: 'normal',
|
|
73
|
-
lineHeight: `1.3`,
|
|
74
|
-
padding: `.3em 1.5em .3em .5em`,
|
|
75
|
-
height: 'auto',
|
|
76
|
-
border: 0,
|
|
77
|
-
borderRadius: `.2em`,
|
|
78
|
-
appearance: `none`,
|
|
79
|
-
WebkitAppearance: 'none',
|
|
80
|
-
backgroundColor: theme.inputBackgroundColor,
|
|
81
|
-
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>")`,
|
|
82
|
-
backgroundRepeat: `no-repeat`,
|
|
83
|
-
backgroundPosition: `right .55em center`,
|
|
84
|
-
backgroundSize: `.65em auto, 100%`,
|
|
85
|
-
color: theme.inputTextColor
|
|
86
|
-
}), {
|
|
87
|
-
'(max-width: 500px)': {
|
|
88
|
-
display: 'none'
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
export { ActiveQueryPanel, Button, Code, Input, Panel, QueryKey, QueryKeys, Select };
|
|
93
|
-
//# sourceMappingURL=styledComponents.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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: 'inline-block',\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","QueryKey","alignItems","textShadow","Code","Input","inputBackgroundColor","inputTextColor","lineHeight","Select","WebkitAppearance","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize"],"mappings":"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"}
|
package/build/lib/theme.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export declare const defaultTheme: {
|
|
3
|
-
readonly background: "#0b1521";
|
|
4
|
-
readonly backgroundAlt: "#132337";
|
|
5
|
-
readonly foreground: "white";
|
|
6
|
-
readonly gray: "#3f4e60";
|
|
7
|
-
readonly grayAlt: "#222e3e";
|
|
8
|
-
readonly inputBackgroundColor: "#fff";
|
|
9
|
-
readonly inputTextColor: "#000";
|
|
10
|
-
readonly success: "#00ab52";
|
|
11
|
-
readonly danger: "#ff0085";
|
|
12
|
-
readonly active: "#006bff";
|
|
13
|
-
readonly paused: "#8c49eb";
|
|
14
|
-
readonly warning: "#ffb200";
|
|
15
|
-
};
|
|
16
|
-
export declare type Theme = typeof defaultTheme;
|
|
17
|
-
interface ProviderProps {
|
|
18
|
-
theme: Theme;
|
|
19
|
-
children?: React.ReactNode;
|
|
20
|
-
}
|
|
21
|
-
export declare function ThemeProvider({ theme, ...rest }: ProviderProps): JSX.Element;
|
|
22
|
-
export declare function useTheme(): {
|
|
23
|
-
readonly background: "#0b1521";
|
|
24
|
-
readonly backgroundAlt: "#132337";
|
|
25
|
-
readonly foreground: "white";
|
|
26
|
-
readonly gray: "#3f4e60";
|
|
27
|
-
readonly grayAlt: "#222e3e";
|
|
28
|
-
readonly inputBackgroundColor: "#fff";
|
|
29
|
-
readonly inputTextColor: "#000";
|
|
30
|
-
readonly success: "#00ab52";
|
|
31
|
-
readonly danger: "#ff0085";
|
|
32
|
-
readonly active: "#006bff";
|
|
33
|
-
readonly paused: "#8c49eb";
|
|
34
|
-
readonly warning: "#ffb200";
|
|
35
|
-
};
|
|
36
|
-
export {};
|
package/build/lib/theme.esm.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { extends as _extends } from './_virtual/_rollupPluginBabelHelpers.esm.js';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
|
|
4
|
-
const defaultTheme = {
|
|
5
|
-
background: '#0b1521',
|
|
6
|
-
backgroundAlt: '#132337',
|
|
7
|
-
foreground: 'white',
|
|
8
|
-
gray: '#3f4e60',
|
|
9
|
-
grayAlt: '#222e3e',
|
|
10
|
-
inputBackgroundColor: '#fff',
|
|
11
|
-
inputTextColor: '#000',
|
|
12
|
-
success: '#00ab52',
|
|
13
|
-
danger: '#ff0085',
|
|
14
|
-
active: '#006bff',
|
|
15
|
-
paused: '#8c49eb',
|
|
16
|
-
warning: '#ffb200'
|
|
17
|
-
};
|
|
18
|
-
const ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
|
|
19
|
-
function ThemeProvider({
|
|
20
|
-
theme,
|
|
21
|
-
...rest
|
|
22
|
-
}) {
|
|
23
|
-
return /*#__PURE__*/React.createElement(ThemeContext.Provider, _extends({
|
|
24
|
-
value: theme
|
|
25
|
-
}, rest));
|
|
26
|
-
}
|
|
27
|
-
function useTheme() {
|
|
28
|
-
return React.useContext(ThemeContext);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export { ThemeProvider, defaultTheme, useTheme };
|
|
32
|
-
//# sourceMappingURL=theme.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.esm.js","sources":["../../src/theme.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nexport const defaultTheme = {\n background: '#0b1521',\n backgroundAlt: '#132337',\n foreground: 'white',\n gray: '#3f4e60',\n grayAlt: '#222e3e',\n inputBackgroundColor: '#fff',\n inputTextColor: '#000',\n success: '#00ab52',\n danger: '#ff0085',\n active: '#006bff',\n paused: '#8c49eb',\n warning: '#ffb200',\n} as const\n\nexport type Theme = typeof defaultTheme\ninterface ProviderProps {\n theme: Theme\n children?: React.ReactNode\n}\n\nconst ThemeContext = React.createContext(defaultTheme)\n\nexport function ThemeProvider({ theme, ...rest }: ProviderProps) {\n return <ThemeContext.Provider value={theme} {...rest} />\n}\n\nexport function useTheme() {\n return React.useContext(ThemeContext)\n}\n"],"names":["defaultTheme","background","backgroundAlt","foreground","gray","grayAlt","inputBackgroundColor","inputTextColor","success","danger","active","paused","warning","ThemeContext","React","createContext","ThemeProvider","theme","rest","useTheme","useContext"],"mappings":";;;AAGO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,SAAS;AACrBC,EAAAA,aAAa,EAAE,SAAS;AACxBC,EAAAA,UAAU,EAAE,OAAO;AACnBC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,oBAAoB,EAAE,MAAM;AAC5BC,EAAAA,cAAc,EAAE,MAAM;AACtBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;AAQV,MAAMC,YAAY,gBAAGC,KAAK,CAACC,aAAa,CAACf,YAAY,CAAC,CAAA;AAE/C,SAASgB,aAAa,CAAC;EAAEC,KAAK;EAAE,GAAGC,IAAAA;AAAoB,CAAC,EAAE;EAC/D,oBAAO,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,QAAA,CAAA;AAAC,IAAA,KAAK,EAAED,KAAAA;AAAM,GAAA,EAAKC,IAAI,CAAI,CAAA,CAAA;AAC1D,CAAA;AAEO,SAASC,QAAQ,GAAG;AACzB,EAAA,OAAOL,KAAK,CAACM,UAAU,CAACP,YAAY,CAAC,CAAA;AACvC;;;;"}
|
package/build/lib/theme.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
|
|
6
|
-
function _interopNamespaceDefault(e) {
|
|
7
|
-
var n = Object.create(null);
|
|
8
|
-
if (e) {
|
|
9
|
-
Object.keys(e).forEach(function (k) {
|
|
10
|
-
if (k !== 'default') {
|
|
11
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () { return e[k]; }
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
}
|
|
19
|
-
n.default = e;
|
|
20
|
-
return Object.freeze(n);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
24
|
-
|
|
25
|
-
const defaultTheme = {
|
|
26
|
-
background: '#0b1521',
|
|
27
|
-
backgroundAlt: '#132337',
|
|
28
|
-
foreground: 'white',
|
|
29
|
-
gray: '#3f4e60',
|
|
30
|
-
grayAlt: '#222e3e',
|
|
31
|
-
inputBackgroundColor: '#fff',
|
|
32
|
-
inputTextColor: '#000',
|
|
33
|
-
success: '#00ab52',
|
|
34
|
-
danger: '#ff0085',
|
|
35
|
-
active: '#006bff',
|
|
36
|
-
paused: '#8c49eb',
|
|
37
|
-
warning: '#ffb200'
|
|
38
|
-
};
|
|
39
|
-
const ThemeContext = /*#__PURE__*/React__namespace.createContext(defaultTheme);
|
|
40
|
-
function ThemeProvider({
|
|
41
|
-
theme,
|
|
42
|
-
...rest
|
|
43
|
-
}) {
|
|
44
|
-
return /*#__PURE__*/React__namespace.createElement(ThemeContext.Provider, _rollupPluginBabelHelpers.extends({
|
|
45
|
-
value: theme
|
|
46
|
-
}, rest));
|
|
47
|
-
}
|
|
48
|
-
function useTheme() {
|
|
49
|
-
return React__namespace.useContext(ThemeContext);
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
exports.ThemeProvider = ThemeProvider;
|
|
53
|
-
exports.defaultTheme = defaultTheme;
|
|
54
|
-
exports.useTheme = useTheme;
|
|
55
|
-
//# sourceMappingURL=theme.js.map
|