@tanstack/react-query-devtools 4.24.13 → 5.0.0-alpha.1
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.d.ts +4 -4
- package/build/lib/Explorer.esm.js +5 -15
- package/build/lib/Explorer.esm.js.map +1 -1
- package/build/lib/Explorer.js +11 -25
- package/build/lib/Explorer.js.map +1 -1
- package/build/lib/Explorer.mjs +5 -15
- package/build/lib/Explorer.mjs.map +1 -1
- package/build/lib/Logo.d.ts +0 -1
- package/build/lib/Logo.esm.js.map +1 -1
- package/build/lib/Logo.js +5 -6
- package/build/lib/Logo.js.map +1 -1
- package/build/lib/Logo.mjs.map +1 -1
- package/build/lib/__tests__/devtools.test.d.ts +0 -5
- package/build/lib/_virtual/_rollupPluginBabelHelpers.esm.js +0 -2
- package/build/lib/_virtual/_rollupPluginBabelHelpers.esm.js.map +1 -1
- package/build/lib/_virtual/_rollupPluginBabelHelpers.js +1 -5
- package/build/lib/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/build/lib/_virtual/_rollupPluginBabelHelpers.mjs +0 -2
- package/build/lib/_virtual/_rollupPluginBabelHelpers.mjs.map +1 -1
- package/build/lib/devtools.d.ts +12 -4
- package/build/lib/devtools.esm.js +72 -107
- package/build/lib/devtools.esm.js.map +1 -1
- package/build/lib/devtools.js +94 -132
- package/build/lib/devtools.js.map +1 -1
- package/build/lib/devtools.mjs +72 -107
- package/build/lib/devtools.mjs.map +1 -1
- package/build/lib/index.d.ts +2 -2
- package/build/lib/index.esm.js.map +1 -1
- package/build/lib/index.js +0 -2
- package/build/lib/index.js.map +1 -1
- package/build/lib/index.mjs.map +1 -1
- package/build/lib/index.prod.d.ts +2 -2
- package/build/lib/index.prod.esm.js +120 -175
- package/build/lib/index.prod.esm.js.map +1 -1
- package/build/lib/index.prod.js +125 -186
- package/build/lib/index.prod.js.map +1 -1
- package/build/lib/index.prod.mjs +120 -175
- package/build/lib/index.prod.mjs.map +1 -1
- package/build/lib/screenreader.d.ts +0 -1
- package/build/lib/screenreader.esm.js.map +1 -1
- package/build/lib/screenreader.js +4 -5
- package/build/lib/screenreader.js.map +1 -1
- package/build/lib/screenreader.mjs.map +1 -1
- package/build/lib/styledComponents.esm.js +17 -16
- package/build/lib/styledComponents.esm.js.map +1 -1
- package/build/lib/styledComponents.js +17 -18
- package/build/lib/styledComponents.js.map +1 -1
- package/build/lib/styledComponents.mjs +17 -16
- package/build/lib/styledComponents.mjs.map +1 -1
- package/build/lib/theme.esm.js.map +1 -1
- package/build/lib/theme.js +4 -7
- package/build/lib/theme.js.map +1 -1
- package/build/lib/theme.mjs.map +1 -1
- package/build/lib/useLocalStorage.esm.js +0 -7
- package/build/lib/useLocalStorage.esm.js.map +1 -1
- package/build/lib/useLocalStorage.js +4 -12
- package/build/lib/useLocalStorage.js.map +1 -1
- package/build/lib/useLocalStorage.mjs +0 -7
- package/build/lib/useLocalStorage.mjs.map +1 -1
- package/build/lib/useMediaQuery.esm.js +6 -6
- package/build/lib/useMediaQuery.esm.js.map +1 -1
- package/build/lib/useMediaQuery.js +10 -11
- package/build/lib/useMediaQuery.js.map +1 -1
- package/build/lib/useMediaQuery.mjs +6 -6
- package/build/lib/useMediaQuery.mjs.map +1 -1
- package/build/lib/utils.esm.js +20 -22
- package/build/lib/utils.esm.js.map +1 -1
- package/build/lib/utils.js +24 -32
- package/build/lib/utils.js.map +1 -1
- package/build/lib/utils.mjs +20 -22
- package/build/lib/utils.mjs.map +1 -1
- package/build/umd/index.development.js +123 -438
- 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 +6 -10
- package/src/Explorer.tsx +4 -4
- package/src/__tests__/Explorer.test.tsx +5 -0
- package/src/__tests__/devtools.test.tsx +127 -181
- package/src/__tests__/utils.tsx +2 -2
- package/src/devtools.tsx +23 -17
- package/src/index.ts +2 -2
- package/build/lib/useSyncExternalStore.d.ts +0 -1
- package/build/lib/useSyncExternalStore.native.d.ts +0 -1
- package/src/useSyncExternalStore.native.ts +0 -3
- package/src/useSyncExternalStore.ts +0 -2
package/build/lib/Explorer.d.ts
CHANGED
|
@@ -14,15 +14,15 @@ declare type ExpanderProps = {
|
|
|
14
14
|
style?: React.CSSProperties;
|
|
15
15
|
};
|
|
16
16
|
export declare const Expander: ({ expanded, style }: ExpanderProps) => JSX.Element;
|
|
17
|
-
declare type
|
|
17
|
+
declare type EntryType = {
|
|
18
18
|
label: string;
|
|
19
19
|
};
|
|
20
20
|
declare type RendererProps = {
|
|
21
|
-
handleEntry: (entry:
|
|
21
|
+
handleEntry: (entry: EntryType) => JSX.Element;
|
|
22
22
|
label?: string;
|
|
23
23
|
value: unknown;
|
|
24
|
-
subEntries:
|
|
25
|
-
subEntryPages:
|
|
24
|
+
subEntries: EntryType[];
|
|
25
|
+
subEntryPages: EntryType[][];
|
|
26
26
|
type: string;
|
|
27
27
|
expanded: boolean;
|
|
28
28
|
copyable: boolean;
|
|
@@ -75,11 +75,10 @@ const Expander = ({
|
|
|
75
75
|
style: {
|
|
76
76
|
display: 'inline-block',
|
|
77
77
|
transition: 'all .1s ease',
|
|
78
|
-
transform:
|
|
78
|
+
transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,
|
|
79
79
|
...style
|
|
80
80
|
}
|
|
81
81
|
}, "\u25B6");
|
|
82
|
-
|
|
83
82
|
const Copier = () => /*#__PURE__*/React.createElement("span", {
|
|
84
83
|
"aria-label": "Copy object to clipboard",
|
|
85
84
|
title: "Copy object to clipboard",
|
|
@@ -97,7 +96,6 @@ const Copier = () => /*#__PURE__*/React.createElement("span", {
|
|
|
97
96
|
fill: "currentColor",
|
|
98
97
|
d: "M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"
|
|
99
98
|
})));
|
|
100
|
-
|
|
101
99
|
const ErrorCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
102
100
|
"aria-label": "Failed copying to clipboard",
|
|
103
101
|
title: "Failed copying to clipboard",
|
|
@@ -123,7 +121,6 @@ const ErrorCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
|
123
121
|
top: '2px'
|
|
124
122
|
}
|
|
125
123
|
}, "See console"));
|
|
126
|
-
|
|
127
124
|
const CopiedCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
128
125
|
"aria-label": "Object copied to clipboard",
|
|
129
126
|
title: "Object copied to clipboard",
|
|
@@ -141,7 +138,6 @@ const CopiedCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
|
141
138
|
fill: "green",
|
|
142
139
|
d: "M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
|
|
143
140
|
})));
|
|
144
|
-
|
|
145
141
|
/**
|
|
146
142
|
* Chunk elements in the array by size
|
|
147
143
|
*
|
|
@@ -155,12 +151,10 @@ function chunkArray(array, size) {
|
|
|
155
151
|
if (size < 1) return [];
|
|
156
152
|
let i = 0;
|
|
157
153
|
const result = [];
|
|
158
|
-
|
|
159
154
|
while (i < array.length) {
|
|
160
155
|
result.push(array.slice(i, i + size));
|
|
161
156
|
i = i + size;
|
|
162
157
|
}
|
|
163
|
-
|
|
164
158
|
return result;
|
|
165
159
|
}
|
|
166
160
|
const DefaultRenderer = ({
|
|
@@ -182,7 +176,7 @@ const DefaultRenderer = ({
|
|
|
182
176
|
onClick: () => toggleExpanded()
|
|
183
177
|
}, /*#__PURE__*/React.createElement(Expander, {
|
|
184
178
|
expanded: expanded
|
|
185
|
-
}), " ", label, ' ', /*#__PURE__*/React.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ?
|
|
179
|
+
}), " ", label, ' ', /*#__PURE__*/React.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ? `items` : `item`)), copyable ? /*#__PURE__*/React.createElement(CopyButton, {
|
|
186
180
|
value: value
|
|
187
181
|
}) : null, expanded ? subEntryPages.length === 1 ? /*#__PURE__*/React.createElement(SubEntries, null, subEntries.map(handleEntry)) : /*#__PURE__*/React.createElement(SubEntries, null, subEntryPages.map((entries, index) => /*#__PURE__*/React.createElement("div", {
|
|
188
182
|
key: index
|
|
@@ -192,11 +186,9 @@ const DefaultRenderer = ({
|
|
|
192
186
|
expanded: expanded
|
|
193
187
|
}), " [", index * pageSize, " ...", ' ', index * pageSize + pageSize - 1, "]"), expandedPages.includes(index) ? /*#__PURE__*/React.createElement(SubEntries, null, entries.map(handleEntry)) : null)))) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, label, ":"), " ", /*#__PURE__*/React.createElement(Value, null, displayValue(value))));
|
|
194
188
|
};
|
|
195
|
-
|
|
196
189
|
function isIterable(x) {
|
|
197
190
|
return Symbol.iterator in x;
|
|
198
191
|
}
|
|
199
|
-
|
|
200
192
|
function Explorer({
|
|
201
193
|
value,
|
|
202
194
|
defaultExpanded,
|
|
@@ -209,16 +201,15 @@ function Explorer({
|
|
|
209
201
|
const toggleExpanded = React.useCallback(() => setExpanded(old => !old), []);
|
|
210
202
|
let type = typeof value;
|
|
211
203
|
let subEntries = [];
|
|
212
|
-
|
|
213
204
|
const makeProperty = sub => {
|
|
214
205
|
const subDefaultExpanded = defaultExpanded === true ? {
|
|
215
206
|
[sub.label]: true
|
|
216
|
-
} : defaultExpanded
|
|
217
|
-
return {
|
|
207
|
+
} : defaultExpanded?.[sub.label];
|
|
208
|
+
return {
|
|
209
|
+
...sub,
|
|
218
210
|
defaultExpanded: subDefaultExpanded
|
|
219
211
|
};
|
|
220
212
|
};
|
|
221
|
-
|
|
222
213
|
if (Array.isArray(value)) {
|
|
223
214
|
type = 'array';
|
|
224
215
|
subEntries = value.map((d, i) => makeProperty({
|
|
@@ -238,7 +229,6 @@ function Explorer({
|
|
|
238
229
|
value: val
|
|
239
230
|
}));
|
|
240
231
|
}
|
|
241
|
-
|
|
242
232
|
const subEntryPages = chunkArray(subEntries, pageSize);
|
|
243
233
|
return renderer({
|
|
244
234
|
handleEntry: entry => /*#__PURE__*/React.createElement(Explorer, _extends({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Explorer.esm.js","sources":["../../src/Explorer.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { displayValue, styled } from './utils'\nimport superjson from 'superjson'\n\nexport const Entry = styled('div', {\n fontFamily: 'Menlo, monospace',\n fontSize: '1em',\n lineHeight: '1.7',\n outline: 'none',\n wordBreak: 'break-word',\n})\n\nexport const Label = styled('span', {\n color: 'white',\n})\n\nexport const LabelButton = styled('button', {\n cursor: 'pointer',\n color: 'white',\n})\n\nexport const ExpandButton = styled('button', {\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n})\n\ntype CopyState = 'NoCopy' | 'SuccessCopy' | 'ErrorCopy'\n\nexport const CopyButton = ({ value }: { value: unknown }) => {\n const [copyState, setCopyState] = React.useState<CopyState>('NoCopy')\n\n return (\n <button\n onClick={\n copyState === 'NoCopy'\n ? () => {\n navigator.clipboard.writeText(superjson.stringify(value)).then(\n () => {\n setCopyState('SuccessCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n (err) => {\n console.error('Failed to copy: ', err)\n setCopyState('ErrorCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n )\n }\n : undefined\n }\n style={{\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n }}\n >\n {copyState === 'NoCopy' ? (\n <Copier />\n ) : copyState === 'SuccessCopy' ? (\n <CopiedCopier />\n ) : (\n <ErrorCopier />\n )}\n </button>\n )\n}\n\nexport const Value = styled('span', (_props, theme) => ({\n color: theme.danger,\n}))\n\nexport const SubEntries = styled('div', {\n marginLeft: '.1em',\n paddingLeft: '1em',\n borderLeft: '2px solid rgba(0,0,0,.15)',\n})\n\nexport const Info = styled('span', {\n color: 'grey',\n fontSize: '.7em',\n})\n\ntype ExpanderProps = {\n expanded: boolean\n style?: React.CSSProperties\n}\n\nexport const Expander = ({ expanded, style = {} }: ExpanderProps) => (\n <span\n style={{\n display: 'inline-block',\n transition: 'all .1s ease',\n transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,\n ...style,\n }}\n >\n ▶\n </span>\n)\n\nconst Copier = () => (\n <span\n aria-label=\"Copy object to clipboard\"\n title=\"Copy object to clipboard\"\n style={{\n paddingLeft: '1em',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\">\n <path\n fill=\"currentColor\"\n d=\"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z\"\n ></path>\n <path\n fill=\"currentColor\"\n d=\"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z\"\n ></path>\n </svg>\n </span>\n)\n\nconst ErrorCopier = () => (\n <span\n aria-label=\"Failed copying to clipboard\"\n title=\"Failed copying to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\" display=\"block\">\n <path\n fill=\"red\"\n d=\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\"\n ></path>\n </svg>\n <span\n style={{\n color: 'red',\n fontSize: '12px',\n paddingLeft: '4px',\n position: 'relative',\n top: '2px',\n }}\n >\n See console\n </span>\n </span>\n)\n\nconst CopiedCopier = () => (\n <span\n aria-label=\"Object copied to clipboard\"\n title=\"Object copied to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n >\n <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" display=\"block\">\n <path\n fill=\"green\"\n d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"\n ></path>\n </svg>\n </span>\n)\n\ntype Entry = {\n label: string\n}\n\ntype RendererProps = {\n handleEntry: (entry: Entry) => JSX.Element\n label?: string\n value: unknown\n subEntries: Entry[]\n subEntryPages: Entry[][]\n type: string\n expanded: boolean\n copyable: boolean\n toggleExpanded: () => void\n pageSize: number\n}\n\n/**\n * Chunk elements in the array by size\n *\n * when the array cannot be chunked evenly by size, the last chunk will be\n * filled with the remaining elements\n *\n * @example\n * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]\n */\nexport function chunkArray<T>(array: T[], size: number): T[][] {\n if (size < 1) return []\n let i = 0\n const result: T[][] = []\n while (i < array.length) {\n result.push(array.slice(i, i + size))\n i = i + size\n }\n return result\n}\n\ntype Renderer = (props: RendererProps) => JSX.Element\n\nexport const DefaultRenderer: Renderer = ({\n handleEntry,\n label,\n value,\n subEntries = [],\n subEntryPages = [],\n type,\n expanded = false,\n copyable = false,\n toggleExpanded,\n pageSize,\n}) => {\n const [expandedPages, setExpandedPages] = React.useState<number[]>([])\n\n return (\n <Entry key={label}>\n {subEntryPages.length ? (\n <>\n <ExpandButton onClick={() => toggleExpanded()}>\n <Expander expanded={expanded} /> {label}{' '}\n <Info>\n {String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : ''}\n {subEntries.length} {subEntries.length > 1 ? `items` : `item`}\n </Info>\n </ExpandButton>\n {copyable ? <CopyButton value={value} /> : null}\n {expanded ? (\n subEntryPages.length === 1 ? (\n <SubEntries>{subEntries.map(handleEntry)}</SubEntries>\n ) : (\n <SubEntries>\n {subEntryPages.map((entries, index) => (\n <div key={index}>\n <Entry>\n <LabelButton\n onClick={() =>\n setExpandedPages((old) =>\n old.includes(index)\n ? old.filter((d) => d !== index)\n : [...old, index],\n )\n }\n >\n <Expander expanded={expanded} /> [{index * pageSize} ...{' '}\n {index * pageSize + pageSize - 1}]\n </LabelButton>\n {expandedPages.includes(index) ? (\n <SubEntries>{entries.map(handleEntry)}</SubEntries>\n ) : null}\n </Entry>\n </div>\n ))}\n </SubEntries>\n )\n ) : null}\n </>\n ) : (\n <>\n <Label>{label}:</Label> <Value>{displayValue(value)}</Value>\n </>\n )}\n </Entry>\n )\n}\n\ntype ExplorerProps = Partial<RendererProps> & {\n renderer?: Renderer\n defaultExpanded?: true | Record<string, boolean>\n copyable?: boolean\n}\n\ntype Property = {\n defaultExpanded?: boolean | Record<string, boolean>\n label: string\n value: unknown\n}\n\nfunction isIterable(x: any): x is Iterable<unknown> {\n return Symbol.iterator in x\n}\n\nexport default function Explorer({\n value,\n defaultExpanded,\n renderer = DefaultRenderer,\n pageSize = 100,\n copyable = false,\n ...rest\n}: ExplorerProps) {\n const [expanded, setExpanded] = React.useState(Boolean(defaultExpanded))\n const toggleExpanded = React.useCallback(() => setExpanded((old) => !old), [])\n\n let type: string = typeof value\n let subEntries: Property[] = []\n\n const makeProperty = (sub: { label: string; value: unknown }): Property => {\n const subDefaultExpanded =\n defaultExpanded === true\n ? { [sub.label]: true }\n : defaultExpanded?.[sub.label]\n return {\n ...sub,\n defaultExpanded: subDefaultExpanded,\n }\n }\n\n if (Array.isArray(value)) {\n type = 'array'\n subEntries = value.map((d, i) =>\n makeProperty({\n label: i.toString(),\n value: d,\n }),\n )\n } else if (\n value !== null &&\n typeof value === 'object' &&\n isIterable(value) &&\n typeof value[Symbol.iterator] === 'function'\n ) {\n type = 'Iterable'\n subEntries = Array.from(value, (val, i) =>\n makeProperty({\n label: i.toString(),\n value: val,\n }),\n )\n } else if (typeof value === 'object' && value !== null) {\n type = 'object'\n subEntries = Object.entries(value).map(([key, val]) =>\n makeProperty({\n label: key,\n value: val,\n }),\n )\n }\n\n const subEntryPages = chunkArray(subEntries, pageSize)\n\n return renderer({\n handleEntry: (entry) => (\n <Explorer\n key={entry.label}\n value={value}\n renderer={renderer}\n copyable={copyable}\n {...rest}\n {...entry}\n />\n ),\n type,\n subEntries,\n subEntryPages,\n value,\n expanded,\n copyable,\n toggleExpanded,\n pageSize,\n ...rest,\n })\n}\n"],"names":["Entry","styled","fontFamily","fontSize","lineHeight","outline","wordBreak","Label","color","LabelButton","cursor","ExpandButton","font","background","border","padding","CopyButton","value","copyState","setCopyState","React","useState","navigator","clipboard","writeText","superjson","stringify","then","setTimeout","err","console","error","undefined","Value","_props","theme","danger","SubEntries","marginLeft","paddingLeft","borderLeft","Info","Expander","expanded","style","display","transition","transform","Copier","ErrorCopier","alignItems","position","top","CopiedCopier","verticalAlign","chunkArray","array","size","i","result","length","push","slice","DefaultRenderer","handleEntry","label","subEntries","subEntryPages","type","copyable","toggleExpanded","pageSize","expandedPages","setExpandedPages","String","toLowerCase","map","entries","index","old","includes","filter","d","displayValue","isIterable","x","Symbol","iterator","Explorer","defaultExpanded","renderer","rest","setExpanded","Boolean","useCallback","makeProperty","sub","subDefaultExpanded","Array","isArray","toString","from","val","Object","key","entry"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Explorer.esm.js","sources":["../../src/Explorer.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { displayValue, styled } from './utils'\nimport superjson from 'superjson'\n\nexport const Entry = styled('div', {\n fontFamily: 'Menlo, monospace',\n fontSize: '1em',\n lineHeight: '1.7',\n outline: 'none',\n wordBreak: 'break-word',\n})\n\nexport const Label = styled('span', {\n color: 'white',\n})\n\nexport const LabelButton = styled('button', {\n cursor: 'pointer',\n color: 'white',\n})\n\nexport const ExpandButton = styled('button', {\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n})\n\ntype CopyState = 'NoCopy' | 'SuccessCopy' | 'ErrorCopy'\n\nexport const CopyButton = ({ value }: { value: unknown }) => {\n const [copyState, setCopyState] = React.useState<CopyState>('NoCopy')\n\n return (\n <button\n onClick={\n copyState === 'NoCopy'\n ? () => {\n navigator.clipboard.writeText(superjson.stringify(value)).then(\n () => {\n setCopyState('SuccessCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n (err) => {\n console.error('Failed to copy: ', err)\n setCopyState('ErrorCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n )\n }\n : undefined\n }\n style={{\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n }}\n >\n {copyState === 'NoCopy' ? (\n <Copier />\n ) : copyState === 'SuccessCopy' ? (\n <CopiedCopier />\n ) : (\n <ErrorCopier />\n )}\n </button>\n )\n}\n\nexport const Value = styled('span', (_props, theme) => ({\n color: theme.danger,\n}))\n\nexport const SubEntries = styled('div', {\n marginLeft: '.1em',\n paddingLeft: '1em',\n borderLeft: '2px solid rgba(0,0,0,.15)',\n})\n\nexport const Info = styled('span', {\n color: 'grey',\n fontSize: '.7em',\n})\n\ntype ExpanderProps = {\n expanded: boolean\n style?: React.CSSProperties\n}\n\nexport const Expander = ({ expanded, style = {} }: ExpanderProps) => (\n <span\n style={{\n display: 'inline-block',\n transition: 'all .1s ease',\n transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,\n ...style,\n }}\n >\n ▶\n </span>\n)\n\nconst Copier = () => (\n <span\n aria-label=\"Copy object to clipboard\"\n title=\"Copy object to clipboard\"\n style={{\n paddingLeft: '1em',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\">\n <path\n fill=\"currentColor\"\n d=\"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z\"\n ></path>\n <path\n fill=\"currentColor\"\n d=\"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z\"\n ></path>\n </svg>\n </span>\n)\n\nconst ErrorCopier = () => (\n <span\n aria-label=\"Failed copying to clipboard\"\n title=\"Failed copying to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\" display=\"block\">\n <path\n fill=\"red\"\n d=\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\"\n ></path>\n </svg>\n <span\n style={{\n color: 'red',\n fontSize: '12px',\n paddingLeft: '4px',\n position: 'relative',\n top: '2px',\n }}\n >\n See console\n </span>\n </span>\n)\n\nconst CopiedCopier = () => (\n <span\n aria-label=\"Object copied to clipboard\"\n title=\"Object copied to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n >\n <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" display=\"block\">\n <path\n fill=\"green\"\n d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"\n ></path>\n </svg>\n </span>\n)\n\ntype EntryType = {\n label: string\n}\n\ntype RendererProps = {\n handleEntry: (entry: EntryType) => JSX.Element\n label?: string\n value: unknown\n subEntries: EntryType[]\n subEntryPages: EntryType[][]\n type: string\n expanded: boolean\n copyable: boolean\n toggleExpanded: () => void\n pageSize: number\n}\n\n/**\n * Chunk elements in the array by size\n *\n * when the array cannot be chunked evenly by size, the last chunk will be\n * filled with the remaining elements\n *\n * @example\n * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]\n */\nexport function chunkArray<T>(array: T[], size: number): T[][] {\n if (size < 1) return []\n let i = 0\n const result: T[][] = []\n while (i < array.length) {\n result.push(array.slice(i, i + size))\n i = i + size\n }\n return result\n}\n\ntype Renderer = (props: RendererProps) => JSX.Element\n\nexport const DefaultRenderer: Renderer = ({\n handleEntry,\n label,\n value,\n subEntries = [],\n subEntryPages = [],\n type,\n expanded = false,\n copyable = false,\n toggleExpanded,\n pageSize,\n}) => {\n const [expandedPages, setExpandedPages] = React.useState<number[]>([])\n\n return (\n <Entry key={label}>\n {subEntryPages.length ? (\n <>\n <ExpandButton onClick={() => toggleExpanded()}>\n <Expander expanded={expanded} /> {label}{' '}\n <Info>\n {String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : ''}\n {subEntries.length} {subEntries.length > 1 ? `items` : `item`}\n </Info>\n </ExpandButton>\n {copyable ? <CopyButton value={value} /> : null}\n {expanded ? (\n subEntryPages.length === 1 ? (\n <SubEntries>{subEntries.map(handleEntry)}</SubEntries>\n ) : (\n <SubEntries>\n {subEntryPages.map((entries, index) => (\n <div key={index}>\n <Entry>\n <LabelButton\n onClick={() =>\n setExpandedPages((old) =>\n old.includes(index)\n ? old.filter((d) => d !== index)\n : [...old, index],\n )\n }\n >\n <Expander expanded={expanded} /> [{index * pageSize} ...{' '}\n {index * pageSize + pageSize - 1}]\n </LabelButton>\n {expandedPages.includes(index) ? (\n <SubEntries>{entries.map(handleEntry)}</SubEntries>\n ) : null}\n </Entry>\n </div>\n ))}\n </SubEntries>\n )\n ) : null}\n </>\n ) : (\n <>\n <Label>{label}:</Label> <Value>{displayValue(value)}</Value>\n </>\n )}\n </Entry>\n )\n}\n\ntype ExplorerProps = Partial<RendererProps> & {\n renderer?: Renderer\n defaultExpanded?: true | Record<string, boolean>\n copyable?: boolean\n}\n\ntype Property = {\n defaultExpanded?: boolean | Record<string, boolean>\n label: string\n value: unknown\n}\n\nfunction isIterable(x: any): x is Iterable<unknown> {\n return Symbol.iterator in x\n}\n\nexport default function Explorer({\n value,\n defaultExpanded,\n renderer = DefaultRenderer,\n pageSize = 100,\n copyable = false,\n ...rest\n}: ExplorerProps) {\n const [expanded, setExpanded] = React.useState(Boolean(defaultExpanded))\n const toggleExpanded = React.useCallback(() => setExpanded((old) => !old), [])\n\n let type: string = typeof value\n let subEntries: Property[] = []\n\n const makeProperty = (sub: { label: string; value: unknown }): Property => {\n const subDefaultExpanded =\n defaultExpanded === true\n ? { [sub.label]: true }\n : defaultExpanded?.[sub.label]\n return {\n ...sub,\n defaultExpanded: subDefaultExpanded,\n }\n }\n\n if (Array.isArray(value)) {\n type = 'array'\n subEntries = value.map((d, i) =>\n makeProperty({\n label: i.toString(),\n value: d,\n }),\n )\n } else if (\n value !== null &&\n typeof value === 'object' &&\n isIterable(value) &&\n typeof value[Symbol.iterator] === 'function'\n ) {\n type = 'Iterable'\n subEntries = Array.from(value, (val, i) =>\n makeProperty({\n label: i.toString(),\n value: val,\n }),\n )\n } else if (typeof value === 'object' && value !== null) {\n type = 'object'\n subEntries = Object.entries(value).map(([key, val]) =>\n makeProperty({\n label: key,\n value: val,\n }),\n )\n }\n\n const subEntryPages = chunkArray(subEntries, pageSize)\n\n return renderer({\n handleEntry: (entry) => (\n <Explorer\n key={entry.label}\n value={value}\n renderer={renderer}\n copyable={copyable}\n {...rest}\n {...entry}\n />\n ),\n type,\n subEntries,\n subEntryPages,\n value,\n expanded,\n copyable,\n toggleExpanded,\n pageSize,\n ...rest,\n })\n}\n"],"names":["Entry","styled","fontFamily","fontSize","lineHeight","outline","wordBreak","Label","color","LabelButton","cursor","ExpandButton","font","background","border","padding","CopyButton","value","copyState","setCopyState","React","useState","navigator","clipboard","writeText","superjson","stringify","then","setTimeout","err","console","error","undefined","Value","_props","theme","danger","SubEntries","marginLeft","paddingLeft","borderLeft","Info","Expander","expanded","style","display","transition","transform","Copier","ErrorCopier","alignItems","position","top","CopiedCopier","verticalAlign","chunkArray","array","size","i","result","length","push","slice","DefaultRenderer","handleEntry","label","subEntries","subEntryPages","type","copyable","toggleExpanded","pageSize","expandedPages","setExpandedPages","String","toLowerCase","map","entries","index","old","includes","filter","d","displayValue","isIterable","x","Symbol","iterator","Explorer","defaultExpanded","renderer","rest","setExpanded","Boolean","useCallback","makeProperty","sub","subDefaultExpanded","Array","isArray","toString","from","val","Object","key","entry"],"mappings":"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"}
|
package/build/lib/Explorer.js
CHANGED
|
@@ -7,10 +7,7 @@ var React = require('react');
|
|
|
7
7
|
var utils = require('./utils.js');
|
|
8
8
|
var SuperJSON = require('superjson');
|
|
9
9
|
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
function _interopNamespace(e) {
|
|
13
|
-
if (e && e.__esModule) return e;
|
|
10
|
+
function _interopNamespaceDefault(e) {
|
|
14
11
|
var n = Object.create(null);
|
|
15
12
|
if (e) {
|
|
16
13
|
Object.keys(e).forEach(function (k) {
|
|
@@ -23,12 +20,11 @@ function _interopNamespace(e) {
|
|
|
23
20
|
}
|
|
24
21
|
});
|
|
25
22
|
}
|
|
26
|
-
n
|
|
23
|
+
n.default = e;
|
|
27
24
|
return Object.freeze(n);
|
|
28
25
|
}
|
|
29
26
|
|
|
30
|
-
var React__namespace = /*#__PURE__*/
|
|
31
|
-
var SuperJSON__default = /*#__PURE__*/_interopDefaultLegacy(SuperJSON);
|
|
27
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
32
28
|
|
|
33
29
|
const Entry = utils.styled('div', {
|
|
34
30
|
fontFamily: 'Menlo, monospace',
|
|
@@ -59,7 +55,7 @@ const CopyButton = ({
|
|
|
59
55
|
const [copyState, setCopyState] = React__namespace.useState('NoCopy');
|
|
60
56
|
return /*#__PURE__*/React__namespace.createElement("button", {
|
|
61
57
|
onClick: copyState === 'NoCopy' ? () => {
|
|
62
|
-
navigator.clipboard.writeText(
|
|
58
|
+
navigator.clipboard.writeText(SuperJSON.stringify(value)).then(() => {
|
|
63
59
|
setCopyState('SuccessCopy');
|
|
64
60
|
setTimeout(() => {
|
|
65
61
|
setCopyState('NoCopy');
|
|
@@ -102,11 +98,10 @@ const Expander = ({
|
|
|
102
98
|
style: {
|
|
103
99
|
display: 'inline-block',
|
|
104
100
|
transition: 'all .1s ease',
|
|
105
|
-
transform:
|
|
101
|
+
transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,
|
|
106
102
|
...style
|
|
107
103
|
}
|
|
108
104
|
}, "\u25B6");
|
|
109
|
-
|
|
110
105
|
const Copier = () => /*#__PURE__*/React__namespace.createElement("span", {
|
|
111
106
|
"aria-label": "Copy object to clipboard",
|
|
112
107
|
title: "Copy object to clipboard",
|
|
@@ -124,7 +119,6 @@ const Copier = () => /*#__PURE__*/React__namespace.createElement("span", {
|
|
|
124
119
|
fill: "currentColor",
|
|
125
120
|
d: "M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"
|
|
126
121
|
})));
|
|
127
|
-
|
|
128
122
|
const ErrorCopier = () => /*#__PURE__*/React__namespace.createElement("span", {
|
|
129
123
|
"aria-label": "Failed copying to clipboard",
|
|
130
124
|
title: "Failed copying to clipboard",
|
|
@@ -150,7 +144,6 @@ const ErrorCopier = () => /*#__PURE__*/React__namespace.createElement("span", {
|
|
|
150
144
|
top: '2px'
|
|
151
145
|
}
|
|
152
146
|
}, "See console"));
|
|
153
|
-
|
|
154
147
|
const CopiedCopier = () => /*#__PURE__*/React__namespace.createElement("span", {
|
|
155
148
|
"aria-label": "Object copied to clipboard",
|
|
156
149
|
title: "Object copied to clipboard",
|
|
@@ -168,7 +161,6 @@ const CopiedCopier = () => /*#__PURE__*/React__namespace.createElement("span", {
|
|
|
168
161
|
fill: "green",
|
|
169
162
|
d: "M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
|
|
170
163
|
})));
|
|
171
|
-
|
|
172
164
|
/**
|
|
173
165
|
* Chunk elements in the array by size
|
|
174
166
|
*
|
|
@@ -182,12 +174,10 @@ function chunkArray(array, size) {
|
|
|
182
174
|
if (size < 1) return [];
|
|
183
175
|
let i = 0;
|
|
184
176
|
const result = [];
|
|
185
|
-
|
|
186
177
|
while (i < array.length) {
|
|
187
178
|
result.push(array.slice(i, i + size));
|
|
188
179
|
i = i + size;
|
|
189
180
|
}
|
|
190
|
-
|
|
191
181
|
return result;
|
|
192
182
|
}
|
|
193
183
|
const DefaultRenderer = ({
|
|
@@ -209,7 +199,7 @@ const DefaultRenderer = ({
|
|
|
209
199
|
onClick: () => toggleExpanded()
|
|
210
200
|
}, /*#__PURE__*/React__namespace.createElement(Expander, {
|
|
211
201
|
expanded: expanded
|
|
212
|
-
}), " ", label, ' ', /*#__PURE__*/React__namespace.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ?
|
|
202
|
+
}), " ", label, ' ', /*#__PURE__*/React__namespace.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ? `items` : `item`)), copyable ? /*#__PURE__*/React__namespace.createElement(CopyButton, {
|
|
213
203
|
value: value
|
|
214
204
|
}) : null, expanded ? subEntryPages.length === 1 ? /*#__PURE__*/React__namespace.createElement(SubEntries, null, subEntries.map(handleEntry)) : /*#__PURE__*/React__namespace.createElement(SubEntries, null, subEntryPages.map((entries, index) => /*#__PURE__*/React__namespace.createElement("div", {
|
|
215
205
|
key: index
|
|
@@ -219,11 +209,9 @@ const DefaultRenderer = ({
|
|
|
219
209
|
expanded: expanded
|
|
220
210
|
}), " [", index * pageSize, " ...", ' ', index * pageSize + pageSize - 1, "]"), expandedPages.includes(index) ? /*#__PURE__*/React__namespace.createElement(SubEntries, null, entries.map(handleEntry)) : null)))) : null) : /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Label, null, label, ":"), " ", /*#__PURE__*/React__namespace.createElement(Value, null, utils.displayValue(value))));
|
|
221
211
|
};
|
|
222
|
-
|
|
223
212
|
function isIterable(x) {
|
|
224
213
|
return Symbol.iterator in x;
|
|
225
214
|
}
|
|
226
|
-
|
|
227
215
|
function Explorer({
|
|
228
216
|
value,
|
|
229
217
|
defaultExpanded,
|
|
@@ -236,16 +224,15 @@ function Explorer({
|
|
|
236
224
|
const toggleExpanded = React__namespace.useCallback(() => setExpanded(old => !old), []);
|
|
237
225
|
let type = typeof value;
|
|
238
226
|
let subEntries = [];
|
|
239
|
-
|
|
240
227
|
const makeProperty = sub => {
|
|
241
228
|
const subDefaultExpanded = defaultExpanded === true ? {
|
|
242
229
|
[sub.label]: true
|
|
243
|
-
} : defaultExpanded
|
|
244
|
-
return {
|
|
230
|
+
} : defaultExpanded?.[sub.label];
|
|
231
|
+
return {
|
|
232
|
+
...sub,
|
|
245
233
|
defaultExpanded: subDefaultExpanded
|
|
246
234
|
};
|
|
247
235
|
};
|
|
248
|
-
|
|
249
236
|
if (Array.isArray(value)) {
|
|
250
237
|
type = 'array';
|
|
251
238
|
subEntries = value.map((d, i) => makeProperty({
|
|
@@ -265,10 +252,9 @@ function Explorer({
|
|
|
265
252
|
value: val
|
|
266
253
|
}));
|
|
267
254
|
}
|
|
268
|
-
|
|
269
255
|
const subEntryPages = chunkArray(subEntries, pageSize);
|
|
270
256
|
return renderer({
|
|
271
|
-
handleEntry: entry => /*#__PURE__*/React__namespace.createElement(Explorer, _rollupPluginBabelHelpers
|
|
257
|
+
handleEntry: entry => /*#__PURE__*/React__namespace.createElement(Explorer, _rollupPluginBabelHelpers.extends({
|
|
272
258
|
key: entry.label,
|
|
273
259
|
value: value,
|
|
274
260
|
renderer: renderer,
|
|
@@ -297,5 +283,5 @@ exports.LabelButton = LabelButton;
|
|
|
297
283
|
exports.SubEntries = SubEntries;
|
|
298
284
|
exports.Value = Value;
|
|
299
285
|
exports.chunkArray = chunkArray;
|
|
300
|
-
exports
|
|
286
|
+
exports.default = Explorer;
|
|
301
287
|
//# sourceMappingURL=Explorer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Explorer.js","sources":["../../src/Explorer.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { displayValue, styled } from './utils'\nimport superjson from 'superjson'\n\nexport const Entry = styled('div', {\n fontFamily: 'Menlo, monospace',\n fontSize: '1em',\n lineHeight: '1.7',\n outline: 'none',\n wordBreak: 'break-word',\n})\n\nexport const Label = styled('span', {\n color: 'white',\n})\n\nexport const LabelButton = styled('button', {\n cursor: 'pointer',\n color: 'white',\n})\n\nexport const ExpandButton = styled('button', {\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n})\n\ntype CopyState = 'NoCopy' | 'SuccessCopy' | 'ErrorCopy'\n\nexport const CopyButton = ({ value }: { value: unknown }) => {\n const [copyState, setCopyState] = React.useState<CopyState>('NoCopy')\n\n return (\n <button\n onClick={\n copyState === 'NoCopy'\n ? () => {\n navigator.clipboard.writeText(superjson.stringify(value)).then(\n () => {\n setCopyState('SuccessCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n (err) => {\n console.error('Failed to copy: ', err)\n setCopyState('ErrorCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n )\n }\n : undefined\n }\n style={{\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n }}\n >\n {copyState === 'NoCopy' ? (\n <Copier />\n ) : copyState === 'SuccessCopy' ? (\n <CopiedCopier />\n ) : (\n <ErrorCopier />\n )}\n </button>\n )\n}\n\nexport const Value = styled('span', (_props, theme) => ({\n color: theme.danger,\n}))\n\nexport const SubEntries = styled('div', {\n marginLeft: '.1em',\n paddingLeft: '1em',\n borderLeft: '2px solid rgba(0,0,0,.15)',\n})\n\nexport const Info = styled('span', {\n color: 'grey',\n fontSize: '.7em',\n})\n\ntype ExpanderProps = {\n expanded: boolean\n style?: React.CSSProperties\n}\n\nexport const Expander = ({ expanded, style = {} }: ExpanderProps) => (\n <span\n style={{\n display: 'inline-block',\n transition: 'all .1s ease',\n transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,\n ...style,\n }}\n >\n ▶\n </span>\n)\n\nconst Copier = () => (\n <span\n aria-label=\"Copy object to clipboard\"\n title=\"Copy object to clipboard\"\n style={{\n paddingLeft: '1em',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\">\n <path\n fill=\"currentColor\"\n d=\"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z\"\n ></path>\n <path\n fill=\"currentColor\"\n d=\"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z\"\n ></path>\n </svg>\n </span>\n)\n\nconst ErrorCopier = () => (\n <span\n aria-label=\"Failed copying to clipboard\"\n title=\"Failed copying to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\" display=\"block\">\n <path\n fill=\"red\"\n d=\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\"\n ></path>\n </svg>\n <span\n style={{\n color: 'red',\n fontSize: '12px',\n paddingLeft: '4px',\n position: 'relative',\n top: '2px',\n }}\n >\n See console\n </span>\n </span>\n)\n\nconst CopiedCopier = () => (\n <span\n aria-label=\"Object copied to clipboard\"\n title=\"Object copied to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n >\n <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" display=\"block\">\n <path\n fill=\"green\"\n d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"\n ></path>\n </svg>\n </span>\n)\n\ntype Entry = {\n label: string\n}\n\ntype RendererProps = {\n handleEntry: (entry: Entry) => JSX.Element\n label?: string\n value: unknown\n subEntries: Entry[]\n subEntryPages: Entry[][]\n type: string\n expanded: boolean\n copyable: boolean\n toggleExpanded: () => void\n pageSize: number\n}\n\n/**\n * Chunk elements in the array by size\n *\n * when the array cannot be chunked evenly by size, the last chunk will be\n * filled with the remaining elements\n *\n * @example\n * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]\n */\nexport function chunkArray<T>(array: T[], size: number): T[][] {\n if (size < 1) return []\n let i = 0\n const result: T[][] = []\n while (i < array.length) {\n result.push(array.slice(i, i + size))\n i = i + size\n }\n return result\n}\n\ntype Renderer = (props: RendererProps) => JSX.Element\n\nexport const DefaultRenderer: Renderer = ({\n handleEntry,\n label,\n value,\n subEntries = [],\n subEntryPages = [],\n type,\n expanded = false,\n copyable = false,\n toggleExpanded,\n pageSize,\n}) => {\n const [expandedPages, setExpandedPages] = React.useState<number[]>([])\n\n return (\n <Entry key={label}>\n {subEntryPages.length ? (\n <>\n <ExpandButton onClick={() => toggleExpanded()}>\n <Expander expanded={expanded} /> {label}{' '}\n <Info>\n {String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : ''}\n {subEntries.length} {subEntries.length > 1 ? `items` : `item`}\n </Info>\n </ExpandButton>\n {copyable ? <CopyButton value={value} /> : null}\n {expanded ? (\n subEntryPages.length === 1 ? (\n <SubEntries>{subEntries.map(handleEntry)}</SubEntries>\n ) : (\n <SubEntries>\n {subEntryPages.map((entries, index) => (\n <div key={index}>\n <Entry>\n <LabelButton\n onClick={() =>\n setExpandedPages((old) =>\n old.includes(index)\n ? old.filter((d) => d !== index)\n : [...old, index],\n )\n }\n >\n <Expander expanded={expanded} /> [{index * pageSize} ...{' '}\n {index * pageSize + pageSize - 1}]\n </LabelButton>\n {expandedPages.includes(index) ? (\n <SubEntries>{entries.map(handleEntry)}</SubEntries>\n ) : null}\n </Entry>\n </div>\n ))}\n </SubEntries>\n )\n ) : null}\n </>\n ) : (\n <>\n <Label>{label}:</Label> <Value>{displayValue(value)}</Value>\n </>\n )}\n </Entry>\n )\n}\n\ntype ExplorerProps = Partial<RendererProps> & {\n renderer?: Renderer\n defaultExpanded?: true | Record<string, boolean>\n copyable?: boolean\n}\n\ntype Property = {\n defaultExpanded?: boolean | Record<string, boolean>\n label: string\n value: unknown\n}\n\nfunction isIterable(x: any): x is Iterable<unknown> {\n return Symbol.iterator in x\n}\n\nexport default function Explorer({\n value,\n defaultExpanded,\n renderer = DefaultRenderer,\n pageSize = 100,\n copyable = false,\n ...rest\n}: ExplorerProps) {\n const [expanded, setExpanded] = React.useState(Boolean(defaultExpanded))\n const toggleExpanded = React.useCallback(() => setExpanded((old) => !old), [])\n\n let type: string = typeof value\n let subEntries: Property[] = []\n\n const makeProperty = (sub: { label: string; value: unknown }): Property => {\n const subDefaultExpanded =\n defaultExpanded === true\n ? { [sub.label]: true }\n : defaultExpanded?.[sub.label]\n return {\n ...sub,\n defaultExpanded: subDefaultExpanded,\n }\n }\n\n if (Array.isArray(value)) {\n type = 'array'\n subEntries = value.map((d, i) =>\n makeProperty({\n label: i.toString(),\n value: d,\n }),\n )\n } else if (\n value !== null &&\n typeof value === 'object' &&\n isIterable(value) &&\n typeof value[Symbol.iterator] === 'function'\n ) {\n type = 'Iterable'\n subEntries = Array.from(value, (val, i) =>\n makeProperty({\n label: i.toString(),\n value: val,\n }),\n )\n } else if (typeof value === 'object' && value !== null) {\n type = 'object'\n subEntries = Object.entries(value).map(([key, val]) =>\n makeProperty({\n label: key,\n value: val,\n }),\n )\n }\n\n const subEntryPages = chunkArray(subEntries, pageSize)\n\n return renderer({\n handleEntry: (entry) => (\n <Explorer\n key={entry.label}\n value={value}\n renderer={renderer}\n copyable={copyable}\n {...rest}\n {...entry}\n />\n ),\n type,\n subEntries,\n subEntryPages,\n value,\n expanded,\n copyable,\n toggleExpanded,\n pageSize,\n ...rest,\n })\n}\n"],"names":["Entry","styled","fontFamily","fontSize","lineHeight","outline","wordBreak","Label","color","LabelButton","cursor","ExpandButton","font","background","border","padding","CopyButton","value","copyState","setCopyState","React","useState","navigator","clipboard","writeText","superjson","stringify","then","setTimeout","err","console","error","undefined","Value","_props","theme","danger","SubEntries","marginLeft","paddingLeft","borderLeft","Info","Expander","expanded","style","display","transition","transform","Copier","ErrorCopier","alignItems","position","top","CopiedCopier","verticalAlign","chunkArray","array","size","i","result","length","push","slice","DefaultRenderer","handleEntry","label","subEntries","subEntryPages","type","copyable","toggleExpanded","pageSize","expandedPages","setExpandedPages","String","toLowerCase","map","entries","index","old","includes","filter","d","displayValue","isIterable","x","Symbol","iterator","Explorer","defaultExpanded","renderer","rest","setExpanded","Boolean","useCallback","makeProperty","sub","subDefaultExpanded","Array","isArray","toString","from","val","Object","key","entry","_extends"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Explorer.js","sources":["../../src/Explorer.tsx"],"sourcesContent":["'use client'\nimport * as React from 'react'\n\nimport { displayValue, styled } from './utils'\nimport superjson from 'superjson'\n\nexport const Entry = styled('div', {\n fontFamily: 'Menlo, monospace',\n fontSize: '1em',\n lineHeight: '1.7',\n outline: 'none',\n wordBreak: 'break-word',\n})\n\nexport const Label = styled('span', {\n color: 'white',\n})\n\nexport const LabelButton = styled('button', {\n cursor: 'pointer',\n color: 'white',\n})\n\nexport const ExpandButton = styled('button', {\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n})\n\ntype CopyState = 'NoCopy' | 'SuccessCopy' | 'ErrorCopy'\n\nexport const CopyButton = ({ value }: { value: unknown }) => {\n const [copyState, setCopyState] = React.useState<CopyState>('NoCopy')\n\n return (\n <button\n onClick={\n copyState === 'NoCopy'\n ? () => {\n navigator.clipboard.writeText(superjson.stringify(value)).then(\n () => {\n setCopyState('SuccessCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n (err) => {\n console.error('Failed to copy: ', err)\n setCopyState('ErrorCopy')\n setTimeout(() => {\n setCopyState('NoCopy')\n }, 1500)\n },\n )\n }\n : undefined\n }\n style={{\n cursor: 'pointer',\n color: 'inherit',\n font: 'inherit',\n outline: 'inherit',\n background: 'transparent',\n border: 'none',\n padding: 0,\n }}\n >\n {copyState === 'NoCopy' ? (\n <Copier />\n ) : copyState === 'SuccessCopy' ? (\n <CopiedCopier />\n ) : (\n <ErrorCopier />\n )}\n </button>\n )\n}\n\nexport const Value = styled('span', (_props, theme) => ({\n color: theme.danger,\n}))\n\nexport const SubEntries = styled('div', {\n marginLeft: '.1em',\n paddingLeft: '1em',\n borderLeft: '2px solid rgba(0,0,0,.15)',\n})\n\nexport const Info = styled('span', {\n color: 'grey',\n fontSize: '.7em',\n})\n\ntype ExpanderProps = {\n expanded: boolean\n style?: React.CSSProperties\n}\n\nexport const Expander = ({ expanded, style = {} }: ExpanderProps) => (\n <span\n style={{\n display: 'inline-block',\n transition: 'all .1s ease',\n transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,\n ...style,\n }}\n >\n ▶\n </span>\n)\n\nconst Copier = () => (\n <span\n aria-label=\"Copy object to clipboard\"\n title=\"Copy object to clipboard\"\n style={{\n paddingLeft: '1em',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\">\n <path\n fill=\"currentColor\"\n d=\"M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z\"\n ></path>\n <path\n fill=\"currentColor\"\n d=\"M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z\"\n ></path>\n </svg>\n </span>\n)\n\nconst ErrorCopier = () => (\n <span\n aria-label=\"Failed copying to clipboard\"\n title=\"Failed copying to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'flex',\n alignItems: 'center',\n }}\n >\n <svg height=\"12\" viewBox=\"0 0 16 12\" width=\"10\" display=\"block\">\n <path\n fill=\"red\"\n d=\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\"\n ></path>\n </svg>\n <span\n style={{\n color: 'red',\n fontSize: '12px',\n paddingLeft: '4px',\n position: 'relative',\n top: '2px',\n }}\n >\n See console\n </span>\n </span>\n)\n\nconst CopiedCopier = () => (\n <span\n aria-label=\"Object copied to clipboard\"\n title=\"Object copied to clipboard\"\n style={{\n paddingLeft: '1em',\n display: 'inline-block',\n verticalAlign: 'middle',\n }}\n >\n <svg height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" display=\"block\">\n <path\n fill=\"green\"\n d=\"M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z\"\n ></path>\n </svg>\n </span>\n)\n\ntype EntryType = {\n label: string\n}\n\ntype RendererProps = {\n handleEntry: (entry: EntryType) => JSX.Element\n label?: string\n value: unknown\n subEntries: EntryType[]\n subEntryPages: EntryType[][]\n type: string\n expanded: boolean\n copyable: boolean\n toggleExpanded: () => void\n pageSize: number\n}\n\n/**\n * Chunk elements in the array by size\n *\n * when the array cannot be chunked evenly by size, the last chunk will be\n * filled with the remaining elements\n *\n * @example\n * chunkArray(['a','b', 'c', 'd', 'e'], 2) // returns [['a','b'], ['c', 'd'], ['e']]\n */\nexport function chunkArray<T>(array: T[], size: number): T[][] {\n if (size < 1) return []\n let i = 0\n const result: T[][] = []\n while (i < array.length) {\n result.push(array.slice(i, i + size))\n i = i + size\n }\n return result\n}\n\ntype Renderer = (props: RendererProps) => JSX.Element\n\nexport const DefaultRenderer: Renderer = ({\n handleEntry,\n label,\n value,\n subEntries = [],\n subEntryPages = [],\n type,\n expanded = false,\n copyable = false,\n toggleExpanded,\n pageSize,\n}) => {\n const [expandedPages, setExpandedPages] = React.useState<number[]>([])\n\n return (\n <Entry key={label}>\n {subEntryPages.length ? (\n <>\n <ExpandButton onClick={() => toggleExpanded()}>\n <Expander expanded={expanded} /> {label}{' '}\n <Info>\n {String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : ''}\n {subEntries.length} {subEntries.length > 1 ? `items` : `item`}\n </Info>\n </ExpandButton>\n {copyable ? <CopyButton value={value} /> : null}\n {expanded ? (\n subEntryPages.length === 1 ? (\n <SubEntries>{subEntries.map(handleEntry)}</SubEntries>\n ) : (\n <SubEntries>\n {subEntryPages.map((entries, index) => (\n <div key={index}>\n <Entry>\n <LabelButton\n onClick={() =>\n setExpandedPages((old) =>\n old.includes(index)\n ? old.filter((d) => d !== index)\n : [...old, index],\n )\n }\n >\n <Expander expanded={expanded} /> [{index * pageSize} ...{' '}\n {index * pageSize + pageSize - 1}]\n </LabelButton>\n {expandedPages.includes(index) ? (\n <SubEntries>{entries.map(handleEntry)}</SubEntries>\n ) : null}\n </Entry>\n </div>\n ))}\n </SubEntries>\n )\n ) : null}\n </>\n ) : (\n <>\n <Label>{label}:</Label> <Value>{displayValue(value)}</Value>\n </>\n )}\n </Entry>\n )\n}\n\ntype ExplorerProps = Partial<RendererProps> & {\n renderer?: Renderer\n defaultExpanded?: true | Record<string, boolean>\n copyable?: boolean\n}\n\ntype Property = {\n defaultExpanded?: boolean | Record<string, boolean>\n label: string\n value: unknown\n}\n\nfunction isIterable(x: any): x is Iterable<unknown> {\n return Symbol.iterator in x\n}\n\nexport default function Explorer({\n value,\n defaultExpanded,\n renderer = DefaultRenderer,\n pageSize = 100,\n copyable = false,\n ...rest\n}: ExplorerProps) {\n const [expanded, setExpanded] = React.useState(Boolean(defaultExpanded))\n const toggleExpanded = React.useCallback(() => setExpanded((old) => !old), [])\n\n let type: string = typeof value\n let subEntries: Property[] = []\n\n const makeProperty = (sub: { label: string; value: unknown }): Property => {\n const subDefaultExpanded =\n defaultExpanded === true\n ? { [sub.label]: true }\n : defaultExpanded?.[sub.label]\n return {\n ...sub,\n defaultExpanded: subDefaultExpanded,\n }\n }\n\n if (Array.isArray(value)) {\n type = 'array'\n subEntries = value.map((d, i) =>\n makeProperty({\n label: i.toString(),\n value: d,\n }),\n )\n } else if (\n value !== null &&\n typeof value === 'object' &&\n isIterable(value) &&\n typeof value[Symbol.iterator] === 'function'\n ) {\n type = 'Iterable'\n subEntries = Array.from(value, (val, i) =>\n makeProperty({\n label: i.toString(),\n value: val,\n }),\n )\n } else if (typeof value === 'object' && value !== null) {\n type = 'object'\n subEntries = Object.entries(value).map(([key, val]) =>\n makeProperty({\n label: key,\n value: val,\n }),\n )\n }\n\n const subEntryPages = chunkArray(subEntries, pageSize)\n\n return renderer({\n handleEntry: (entry) => (\n <Explorer\n key={entry.label}\n value={value}\n renderer={renderer}\n copyable={copyable}\n {...rest}\n {...entry}\n />\n ),\n type,\n subEntries,\n subEntryPages,\n value,\n expanded,\n copyable,\n toggleExpanded,\n pageSize,\n ...rest,\n })\n}\n"],"names":["Entry","styled","fontFamily","fontSize","lineHeight","outline","wordBreak","Label","color","LabelButton","cursor","ExpandButton","font","background","border","padding","CopyButton","value","copyState","setCopyState","React","useState","navigator","clipboard","writeText","superjson","stringify","then","setTimeout","err","console","error","undefined","Value","_props","theme","danger","SubEntries","marginLeft","paddingLeft","borderLeft","Info","Expander","expanded","style","display","transition","transform","Copier","ErrorCopier","alignItems","position","top","CopiedCopier","verticalAlign","chunkArray","array","size","i","result","length","push","slice","DefaultRenderer","handleEntry","label","subEntries","subEntryPages","type","copyable","toggleExpanded","pageSize","expandedPages","setExpandedPages","String","toLowerCase","map","entries","index","old","includes","filter","d","displayValue","isIterable","x","Symbol","iterator","Explorer","defaultExpanded","renderer","rest","setExpanded","Boolean","useCallback","makeProperty","sub","subDefaultExpanded","Array","isArray","toString","from","val","Object","key","entry","_extends"],"mappings":"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"}
|
package/build/lib/Explorer.mjs
CHANGED
|
@@ -75,11 +75,10 @@ const Expander = ({
|
|
|
75
75
|
style: {
|
|
76
76
|
display: 'inline-block',
|
|
77
77
|
transition: 'all .1s ease',
|
|
78
|
-
transform:
|
|
78
|
+
transform: `rotate(${expanded ? 90 : 0}deg) ${style.transform || ''}`,
|
|
79
79
|
...style
|
|
80
80
|
}
|
|
81
81
|
}, "\u25B6");
|
|
82
|
-
|
|
83
82
|
const Copier = () => /*#__PURE__*/React.createElement("span", {
|
|
84
83
|
"aria-label": "Copy object to clipboard",
|
|
85
84
|
title: "Copy object to clipboard",
|
|
@@ -97,7 +96,6 @@ const Copier = () => /*#__PURE__*/React.createElement("span", {
|
|
|
97
96
|
fill: "currentColor",
|
|
98
97
|
d: "M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"
|
|
99
98
|
})));
|
|
100
|
-
|
|
101
99
|
const ErrorCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
102
100
|
"aria-label": "Failed copying to clipboard",
|
|
103
101
|
title: "Failed copying to clipboard",
|
|
@@ -123,7 +121,6 @@ const ErrorCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
|
123
121
|
top: '2px'
|
|
124
122
|
}
|
|
125
123
|
}, "See console"));
|
|
126
|
-
|
|
127
124
|
const CopiedCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
128
125
|
"aria-label": "Object copied to clipboard",
|
|
129
126
|
title: "Object copied to clipboard",
|
|
@@ -141,7 +138,6 @@ const CopiedCopier = () => /*#__PURE__*/React.createElement("span", {
|
|
|
141
138
|
fill: "green",
|
|
142
139
|
d: "M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
|
|
143
140
|
})));
|
|
144
|
-
|
|
145
141
|
/**
|
|
146
142
|
* Chunk elements in the array by size
|
|
147
143
|
*
|
|
@@ -155,12 +151,10 @@ function chunkArray(array, size) {
|
|
|
155
151
|
if (size < 1) return [];
|
|
156
152
|
let i = 0;
|
|
157
153
|
const result = [];
|
|
158
|
-
|
|
159
154
|
while (i < array.length) {
|
|
160
155
|
result.push(array.slice(i, i + size));
|
|
161
156
|
i = i + size;
|
|
162
157
|
}
|
|
163
|
-
|
|
164
158
|
return result;
|
|
165
159
|
}
|
|
166
160
|
const DefaultRenderer = ({
|
|
@@ -182,7 +176,7 @@ const DefaultRenderer = ({
|
|
|
182
176
|
onClick: () => toggleExpanded()
|
|
183
177
|
}, /*#__PURE__*/React.createElement(Expander, {
|
|
184
178
|
expanded: expanded
|
|
185
|
-
}), " ", label, ' ', /*#__PURE__*/React.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ?
|
|
179
|
+
}), " ", label, ' ', /*#__PURE__*/React.createElement(Info, null, String(type).toLowerCase() === 'iterable' ? '(Iterable) ' : '', subEntries.length, " ", subEntries.length > 1 ? `items` : `item`)), copyable ? /*#__PURE__*/React.createElement(CopyButton, {
|
|
186
180
|
value: value
|
|
187
181
|
}) : null, expanded ? subEntryPages.length === 1 ? /*#__PURE__*/React.createElement(SubEntries, null, subEntries.map(handleEntry)) : /*#__PURE__*/React.createElement(SubEntries, null, subEntryPages.map((entries, index) => /*#__PURE__*/React.createElement("div", {
|
|
188
182
|
key: index
|
|
@@ -192,11 +186,9 @@ const DefaultRenderer = ({
|
|
|
192
186
|
expanded: expanded
|
|
193
187
|
}), " [", index * pageSize, " ...", ' ', index * pageSize + pageSize - 1, "]"), expandedPages.includes(index) ? /*#__PURE__*/React.createElement(SubEntries, null, entries.map(handleEntry)) : null)))) : null) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, null, label, ":"), " ", /*#__PURE__*/React.createElement(Value, null, displayValue(value))));
|
|
194
188
|
};
|
|
195
|
-
|
|
196
189
|
function isIterable(x) {
|
|
197
190
|
return Symbol.iterator in x;
|
|
198
191
|
}
|
|
199
|
-
|
|
200
192
|
function Explorer({
|
|
201
193
|
value,
|
|
202
194
|
defaultExpanded,
|
|
@@ -209,16 +201,15 @@ function Explorer({
|
|
|
209
201
|
const toggleExpanded = React.useCallback(() => setExpanded(old => !old), []);
|
|
210
202
|
let type = typeof value;
|
|
211
203
|
let subEntries = [];
|
|
212
|
-
|
|
213
204
|
const makeProperty = sub => {
|
|
214
205
|
const subDefaultExpanded = defaultExpanded === true ? {
|
|
215
206
|
[sub.label]: true
|
|
216
|
-
} : defaultExpanded
|
|
217
|
-
return {
|
|
207
|
+
} : defaultExpanded?.[sub.label];
|
|
208
|
+
return {
|
|
209
|
+
...sub,
|
|
218
210
|
defaultExpanded: subDefaultExpanded
|
|
219
211
|
};
|
|
220
212
|
};
|
|
221
|
-
|
|
222
213
|
if (Array.isArray(value)) {
|
|
223
214
|
type = 'array';
|
|
224
215
|
subEntries = value.map((d, i) => makeProperty({
|
|
@@ -238,7 +229,6 @@ function Explorer({
|
|
|
238
229
|
value: val
|
|
239
230
|
}));
|
|
240
231
|
}
|
|
241
|
-
|
|
242
232
|
const subEntryPages = chunkArray(subEntries, pageSize);
|
|
243
233
|
return renderer({
|
|
244
234
|
handleEntry: entry => /*#__PURE__*/React.createElement(Explorer, _extends({
|