react-json-viewer-cool/lib/index.js

React json view plugin, supports expansion and hiding. Uses react hooks.

!function(n,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("react"));else if("function"==typeof define&&define.amd)define([],e);else{var t="object"==typeof exports?e(require("react")):e(n.React);for(var r in t)("object"==typeof exports?exports:n)[r]=t[r]}}(self,(function(n){return(()=>{"use strict";var e={45:(n,e,t)=>{var r;(r=!1,function(){r||(console.log('welcome use React-Json-viewer-cool, detail: "https://github.com/5SSS/react-json-viewer"'),r=!0)})();var o=t(502);n.exports=o},502:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var r=t(250),o=t.n(r),a=function(n){return"string"==typeof n&&"array"===n||"[object Array]"===Object.prototype.toString.call(n)},s=function(n){var e=Object.prototype.toString.call(n);return(e=e.match(/(?!\[).+(?=\])/g)[0].split(" ")[1]).toLowerCase()},c=function(n){return"array"===n||"object"===n},l=function(n,e){return 1!==n||e?!0===e?{transform:"translateX(-".concat(20*n+10,"px)")}:{transform:"translateX(-".concat(20*(n-1)+10,"px)")}:{transform:"translateX(-10px)"}},i=function(n){return"object"===s(n)?Object.keys(n).length:n.length};function u(){return u=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},u.apply(this,arguments)}function p(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function f(n){var e,t,s=n.name,c=n.value,i=n.type,f=n.line,d=n.showIndex,x=n.needComma,y=n.items,v=n.level,j=void 0===v?1:v,b=n.lastLine,h=void 0===b?null:b,g=(e=(0,r.useState)(!0),t=2,function(n){if(Array.isArray(n))return n}(e)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,a=[],s=!0,c=!1;try{for(t=t.call(n);!(s=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);s=!0);}catch(n){c=!0,o=n}finally{try{s||null==t.return||t.return()}finally{if(c)throw o}}return a}}(e,t)||function(n,e){if(n){if("string"==typeof n)return p(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?p(n,e):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),E=g[0],w=g[1];return o().createElement("div",{className:"x-json-line"},o().createElement("p",{className:"x-json-p",onClick:function(){return w(!E)}},o().createElement("span",{className:"x-json-mark",style:l(j,!0)},f),o().createElement("span",{className:"x-json-content"},d&&o().createElement("span",{className:"x-json-key"},s,": "),o().createElement("span",{className:"x-json-pt"},a(i)?"[":"{")),!E&&o().createElement("span",{className:"x-json-pt"},a(i)?"...]":"...}",o().createElement("span",{className:"x-json-items"}," (",y," items)"),x?",":"")),o().createElement("div",{style:{display:E?"block":"none"}},c.map((function(n,e){return o().createElement(m,u({key:e,level:j+1},n))})),o().createElement("p",{className:"x-json-feet"},h&&o().createElement("span",{className:"x-json-mark",style:l(j,!0)},h),o().createElement("span",{className:"x-json-pt"},a(i)?"]":"}",x?",":""))))}function d(n){var e=n.name,t=n.value,r=n.line,a=n.showIndex,s=n.type,c=n.needComma,i=n.level,u=void 0===i?1:i;return o().createElement("div",{className:"x-json-line"},o().createElement("span",{className:"x-json-mark",style:l(u)},r),o().createElement("span",{className:"x-json-content"},a&&o().createElement("span",{className:"x-json-key"},e,": "),o().createElement("span",{className:"x-json-".concat(s)},t),o().createElement("span",{className:"x-json-comma"},c?",":"")))}function m(n){var e=n.type;return o().createElement(o().Fragment,null,c(e)?o().createElement(f,n):o().createElement(d,n))}var x=t(379),y=t.n(x),v=t(795),j=t.n(v),b=t(569),h=t.n(b),g=t(565),E=t.n(g),w=t(216),S=t.n(w),N=t(589),O=t.n(N),k=t(914),A={};function C(){return C=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},C.apply(this,arguments)}function I(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}A.styleTagTransform=O(),A.setAttributes=E(),A.insert=h().bind(null,"head"),A.domAPI=j(),A.insertStyleElement=S(),y()(k.Z,A),k.Z&&k.Z.locals&&k.Z.locals;const T=function(n){var e,t,l,u=n.data,p=(t=(0,r.useState)([]),l=2,function(n){if(Array.isArray(n))return n}(t)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,a=[],s=!0,c=!1;try{for(t=t.call(n);!(s=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);s=!0);}catch(n){c=!0,o=n}finally{try{s||null==t.return||t.return()}finally{if(c)throw o}}return a}}(t,l)||function(n,e){if(n){if("string"==typeof n)return I(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?I(n,e):void 0}}(t,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=p[0],d=p[1];return(0,r.useEffect)((function(){c(s(u))&&d(function(n){var e=1;return function n(t){var r,o=[],a=s(t);if(c(a)){var l=[];return(l="object"===a?Object.keys(t):t).forEach((function(r,u){var p,f;"object"===a?(p=t[r],f=r):(p=r,f=u);var d=s(p);o.push({name:f,line:e++,type:d,value:n(p),showIndex:"object"===a,lastLine:c(d)?e++:null,items:c(d)?i(p):0,needComma:l.length!==u+1})})),o}return"number"==typeof t?t+"":(r=t,"[object Null]"===Object.prototype.toString.call(r)?"null":function(n){return void 0===n}(t)?"undefined":function(n){return"boolean"==typeof n}(t)?t+"":function(n){return"function"==typeof n}(t)?" ƒ() {...}":function(n){return"[object RegExp]"===Object.prototype.toString.call(n)}(t)?t.toString():'"'.concat(t.toString(),'"'))}(n)}(u))}),[u]),a(u)||(e=u,"[object Object]"===Object.prototype.toString.call(e))?o().createElement("pre",{className:"x-json-view"},o().createElement("p",{className:"x-json-outter"},a(u)?"[":"{"),f.map((function(n,e){return o().createElement(m,C({key:e},n))})),o().createElement("p",{className:"x-json-outter"},a(u)?"]":"}")):o().createElement("div",{className:"x-json-view"},u+"")}},914:(n,e,t)=>{t.d(e,{Z:()=>c});var r=t(81),o=t.n(r),a=t(645),s=t.n(a)()(o());s.push([n.id,".x-json-view {\n  display: block;\n  width: 100%;\n  padding: 10px 10px 10px 30px;\n  background-color: #fbfbfb;\n  box-sizing: border-box;\n  white-space: pre-wrap;\n  word-wrap: break-word;\n  overflow: hidden;\n}\n\n.x-json-line,\n.x-json-p,\n.x-json-feet {\n  position: relative;\n  text-align: left;\n  padding: 0;\n  margin: 0;\n}\n\n.x-json-line {\n  padding-left: 20px;\n  padding-top: 1px;\n  padding-bottom: 1px;\n}\n\n.x-json-p {\n  cursor: pointer;\n}\n\n.x-json-outter {\n  transform: translateX(-20px);\n}\n\n.x-json-mark {\n  position: absolute;\n  left: 0;\n  top: 2px;\n  text-indent: 0;\n  font-size: 12px;\n  color: #545454;\n  user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  -webkit-user-select: none;\n}\n\n.x-json-content {\n  font-size: 14px;\n}\n\n.x-json-content .x-json-key {\n  font-size: 15px;\n  color: #5cadff;\n}\n\n.x-json-items {\n  color: #b1b1b1;\n}\n\n.x-json-comma {\n  color: #5cadff;\n}\n\n.x-json-pt {\n  color: #5cadff;\n}\n\n.x-json-number {\n  color: #ae81ff;\n}\n\n.x-json-string {\n  color: #a6e22e;\n}\n\n.x-json-null,\n.x-json-boolean,\n.x-json-undefined,\n.x-json-regexp,\n.x-json-date,\n.x-json-set,\n.x-json-map,\n.x-json-error,\n.x-json-symbol,\n.x-json-function {\n  background-color: #f7f7f7;\n  border-radius: 3px;\n  padding: 0px 2px;\n  border: 1px solid #dedede;\n}\n\n.x-json-boolean {\n  color: #6f73ff;\n}\n\n.x-json-null {\n  color: #66d9ef;\n}\n\n.x-json-undefined {\n  color: #f92672;\n}\n\n.x-json-date {\n  color: #09d3ac;\n}\n\n.x-json-regexp {\n  color: #2ea021;\n}\n\n.x-json-function {\n  color: #a2af3d;\n}\n\n.x-json-symbol {\n  color: #fd3db8;\n}\n\n.x-json-error {\n  color: #afafaf;\n}\n\n.x-json-set,\n.x-json-map {\n  color: #f56847;\n}",""]);const c=s},645:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",r=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),r&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),r&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,r,o,a){"string"==typeof n&&(n=[[null,n,void 0]]);var s={};if(r)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(s[l]=!0)}for(var i=0;i<n.length;i++){var u=[].concat(n[i]);r&&s[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),t&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=t):u[2]=t),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),e.push(u))}},e}},81:n=>{n.exports=function(n){return n[1]}},379:n=>{var e=[];function t(n){for(var t=-1,r=0;r<e.length;r++)if(e[r].identifier===n){t=r;break}return t}function r(n,r){for(var a={},s=[],c=0;c<n.length;c++){var l=n[c],i=r.base?l[0]+r.base:l[0],u=a[i]||0,p="".concat(i," ").concat(u);a[i]=u+1;var f=t(p),d={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==f)e[f].references++,e[f].updater(d);else{var m=o(d,r);r.byIndex=c,e.splice(c,0,{identifier:p,updater:m,references:1})}s.push(p)}return s}function o(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,o){var a=r(n=n||[],o=o||{});return function(n){n=n||[];for(var s=0;s<a.length;s++){var c=t(a[s]);e[c].references--}for(var l=r(n,o),i=0;i<a.length;i++){var u=t(a[i]);0===e[u].references&&(e[u].updater(),e.splice(u,1))}a=l}}},569:n=>{var e={};n.exports=function(n,t){var r=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(t)}},216:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},565:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},795:n=>{n.exports=function(n){var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,o&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var a=t.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleTagTransform(r,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},589:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},250:e=>{e.exports=n}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={id:n,exports:{}};return e[n](a,a.exports,r),a.exports}return r.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return r.d(e,{a:e}),e},r.d=(n,e)=>{for(var t in e)r.o(e,t)&&!r.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:e[t]})},r.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),r.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},r(45)})()}));