@uiw/react-json-view
Version:
JSON viewer for react.
114 lines • 4.89 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["keyName", "value", "parentValue", "expandKey", "keys"],
_excluded2 = ["as", "render"];
import { useState } from 'react';
import { useStore } from "../store.js";
import { useSectionStore } from "../store/Section.js";
import { useShowToolsStore } from "../store/ShowTools.js";
import { bigIntToString } from "../types/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
export var Copied = props => {
var {
keyName,
value,
parentValue,
expandKey,
keys
} = props,
other = _objectWithoutPropertiesLoose(props, _excluded);
var {
onCopied,
enableClipboard
} = useStore();
var showTools = useShowToolsStore();
var isShowTools = showTools[expandKey];
var [copied, setCopied] = useState(false);
var {
Copied: Comp = {}
} = useSectionStore();
if (enableClipboard === false || !isShowTools) return null;
var click = event => {
event.stopPropagation();
var copyText = '';
if (typeof value === 'number' && value === Infinity) {
copyText = 'Infinity';
} else if (typeof value === 'number' && isNaN(value)) {
copyText = 'NaN';
} else if (typeof value === 'bigint') {
copyText = bigIntToString(value);
} else if (value instanceof Date) {
copyText = value.toLocaleString();
} else {
copyText = JSON.stringify(value, (_, v) => typeof v === 'bigint' ? bigIntToString(v) : v, 2);
}
onCopied && onCopied(copyText, value);
setCopied(true);
var _clipboard = navigator.clipboard || {
writeText(text) {
return new Promise((reslove, reject) => {
var textarea = document.createElement('textarea');
textarea.style.position = 'absolute';
textarea.style.opacity = '0';
textarea.style.left = '-99999999px';
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
if (!document.execCommand('copy')) {
reject();
} else {
reslove();
}
textarea.remove();
});
}
};
_clipboard.writeText(copyText).then(() => {
var timer = setTimeout(() => {
setCopied(false);
clearTimeout(timer);
}, 3000);
}).catch(error => {});
};
var svgProps = {
style: {
display: 'inline-flex'
},
fill: copied ? 'var(--w-rjv-copied-success-color, #28a745)' : 'var(--w-rjv-copied-color, currentColor)',
onClick: click
};
var {
render
} = Comp,
reset = _objectWithoutPropertiesLoose(Comp, _excluded2);
var elmProps = _extends({}, reset, other, svgProps, {
style: _extends({}, reset.style, other.style, svgProps.style)
});
var isRender = render && typeof render === 'function';
var child = isRender && render(_extends({}, elmProps, {
'data-copied': copied
}), {
value,
keyName,
keys,
parentValue
});
if (child) return child;
if (copied) {
return /*#__PURE__*/_jsx("svg", _extends({
viewBox: "0 0 32 36"
}, elmProps, {
children: /*#__PURE__*/_jsx("path", {
d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,15.2249049 C29.1403264,13.8627542 29.9736597,13.1778155 30,13.1700887 C30,11.9705278 30,10.0804982 30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,26.1114493 L27.5,28.4926435 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M28.5589286,16 L32,19.6 L21.0160714,30.5382252 L13.5303571,24.2571429 L17.1303571,20.6571429 L21.0160714,24.5428571 L28.5589286,16 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"
})
}));
}
return /*#__PURE__*/_jsx("svg", _extends({
viewBox: "0 0 32 36"
}, elmProps, {
children: /*#__PURE__*/_jsx("path", {
d: "M27.5,33 L2.5,33 L2.5,12.5 L27.5,12.5 L27.5,20 L30,20 L30,7.5 C30,6.1 28.9,5 27.5,5 L20,5 C20,2.2 17.8,0 15,0 C12.2,0 10,2.2 10,5 L2.5,5 C1.1,5 0,6.1 0,7.5 L0,33 C0,34.4 1.1,36 2.5,36 L27.5,36 C28.9,36 30,34.4 30,33 L30,29 L27.5,29 L27.5,33 Z M7.5,7.5 L10,7.5 C10,7.5 12.5,6.4 12.5,5 C12.5,3.6 13.6,2.5 15,2.5 C16.4,2.5 17.5,3.6 17.5,5 C17.5,6.4 18.8,7.5 20,7.5 L22.5,7.5 C22.5,7.5 25,8.6 25,10 L5,10 C5,8.5 6.1,7.5 7.5,7.5 Z M5,27.5 L10,27.5 L10,25 L5,25 L5,27.5 Z M22.5,21.5 L22.5,16.5 L12.5,24 L22.5,31.5 L22.5,26.5 L32,26.5 L32,21.5 L22.5,21.5 Z M17.5,15 L5,15 L5,17.5 L17.5,17.5 L17.5,15 Z M10,20 L5,20 L5,22.5 L10,22.5 L10,20 Z"
})
}));
};
Copied.displayName = 'JVR.Copied';