Socket
Socket
Sign inDemoInstall

react-js-data-tree-01

Package Overview
Dependencies
3
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.17 to 1.1.0

2

dist/index.js

@@ -1,1 +0,1 @@

!function(r,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var a in n)("object"==typeof exports?exports:r)[a]=n[a]}}(self,(()=>(()=>{"use strict";var r={754:(r,e,n)=>{n.d(e,{Z:()=>o});var a=n(81),l=n.n(a),t=n(645),s=n.n(t)()(l());s.push([r.id,'[class~=dataTree] ul ul:before {\r\n content: "";\r\n}\r\n\r\n[class~=dataTree] ul {\r\n padding-top: 20px;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n[class~=dataTree] ul li span:hover {\r\n background: #c8e4f8;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n position: absolute;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n[class~=dataTree] ul li span:hover {\r\n color: #000;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n top: 0;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover,\r\n[class~=dataTree] ul ul:before {\r\n border-left-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n left: 50%;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-bottom-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul ul:before,\r\n[class~=dataTree] ul li span:hover {\r\n border-left-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-right-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n border-left-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n[class~=dataTree] ul li span:hover {\r\n border-top-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n border-image: none;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n float: left;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n text-align: center;\r\n}\r\n\r\n[class~=dataTree] ul,\r\n[class~=dataTree] ul li {\r\n position: relative;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover,\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n[class~=dataTree] ul li span {\r\n border-bottom-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li span,\r\n[class~=dataTree] ul li span:hover,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-right-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul ul:before {\r\n height: 20px;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n list-style-type: none;\r\n}\r\n\r\n[class~=dataTree] ul li span,\r\n[class~=dataTree] ul li span:hover {\r\n border-top-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover {\r\n border-left-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-left-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover {\r\n border-bottom-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-bottom-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-right-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-top-width: .0625pc;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n[class~=dataTree] ul li span {\r\n border-left-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li span,\r\n[class~=dataTree] ul {\r\n transition: all .5s;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover {\r\n border-right-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-left-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-bottom-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover {\r\n border-top-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-right-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover {\r\n border-image: none;\r\n}\r\n\r\n.dataTree ul li:only-child:before,\r\n[class~=dataTree] ul li:only-child:after {\r\n display: none;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-top-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-image: none;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-left-width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-bottom-width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n padding-left: .104166667in;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n padding-bottom: 3.75pt;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-right-width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n padding-right: .104166667in;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n padding-top: 3.75pt;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-top-width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-left-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n text-decoration: none;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-bottom-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n color: #666;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-right-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-top-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n[class~=dataTree] ul li:before {\r\n border-top-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n font-family: arial, verdana, tahoma;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n font-size: .114583333in;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n display: inline-block;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n padding-left: 3.75pt;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-left-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-bottom-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n padding-bottom: 0;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n border-radius: 3.75pt;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n -webkit-border-radius: .052083333in;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n.dataTree ul li span:hover+ul:before {\r\n border-left-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span {\r\n -moz-border-radius: 3.75pt;\r\n}\r\n\r\n[class~=dataTree] ul li,\r\n[class~=dataTree] ul,\r\n[class~=dataTree] ul li span {\r\n -webkit-transition: all .5s;\r\n}\r\n\r\n[class~=dataTree] ul,\r\n[class~=dataTree] ul li span,\r\n[class~=dataTree] ul li {\r\n -moz-transition: all .5s;\r\n}\r\n\r\n.dataTree ul li:after,\r\n[class~=dataTree] ul li:before {\r\n content: "";\r\n}\r\n\r\n.dataTree ul li:after,\r\n[class~=dataTree] ul li:before {\r\n position: absolute;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-right-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n padding-right: .052083333in;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-top-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul {\r\n display: flex;\r\n}\r\n\r\n[class~=dataTree] ul li:before,\r\n.dataTree ul li:after {\r\n top: 0;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:before {\r\n border-image: none;\r\n}\r\n\r\n[class~=dataTree] ul li:before,\r\n.dataTree ul li:after {\r\n right: 50%;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-left-width: 0;\r\n}\r\n\r\n.dataTree ul li span:hover+ul:before,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-bottom-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li:before {\r\n border-top-width: .010416667in;\r\n}\r\n\r\n.dataTree ul li span:hover+ul:before,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-right-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li span,\r\n.dataTree ul li span:hover+ul:before {\r\n border-top-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n padding-top: 1.25pc;\r\n}\r\n\r\n[class~=dataTree] ul li:before {\r\n border-top-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li:before,\r\n[class~=dataTree] ul li span:hover+ul li span {\r\n border-image: none;\r\n}\r\n\r\n[class~=dataTree] ul li {\r\n transition: all .5s;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-bottom-width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-right-width: 0;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-top-width: 0;\r\n}\r\n\r\n.dataTree ul li:after,\r\n[class~=dataTree] ul li:before {\r\n width: 50%;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul ul:before,\r\n[class~=dataTree] ul li span:hover+ul li:before,\r\n[class~=dataTree] ul li span:hover+ul li:after {\r\n border-left-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul ul:before,\r\n[class~=dataTree] ul li span:hover+ul li:before,\r\n[class~=dataTree] ul li span:hover+ul li:after {\r\n border-bottom-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li:before,\r\n[class~=dataTree] ul li span:hover+ul ul:before,\r\n[class~=dataTree] ul li span:hover+ul li:after {\r\n border-right-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-left-style: none;\r\n}\r\n\r\n.dataTree ul li:after,\r\n[class~=dataTree] ul li:before {\r\n height: 20px;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-bottom-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-right-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-top-style: none;\r\n}\r\n\r\n[class~=dataTree] ul li span:hover+ul li:after,\r\n[class~=dataTree] ul li span:hover+ul li:before,\r\n[class~=dataTree] ul li span:hover+ul ul:before {\r\n border-top-color: #94a0b4;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-left-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-bottom-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-right-color: currentColor;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-top-width: .010416667in;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-top-color: currentColor;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:after {\r\n border-image: none;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-top-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before {\r\n border-right-width: 1px;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-top-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before {\r\n border-right-style: solid;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before {\r\n border-right-color: #ccc;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before,\r\n.dataTree ul li:after {\r\n border-image: none;\r\n}\r\n\r\n.dataTree ul li:after {\r\n right: auto;\r\n}\r\n\r\n.dataTree ul li:after {\r\n left: 50%;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-left-width: .75pt;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-left-style: solid;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-left-color: #ccc;\r\n}\r\n\r\n.dataTree ul li:after {\r\n border-image: none;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before {\r\n border-radius: 0 .3125pc 0 0;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before {\r\n -webkit-border-radius: 0 .3125pc 0 0;\r\n}\r\n\r\n[class~=dataTree] ul li:last-child:before {\r\n -moz-border-radius: 0 .052083333in 0 0;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:after {\r\n border-radius: .052083333in 0 0 0;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:after {\r\n -webkit-border-radius: .3125pc 0 0 0;\r\n}\r\n\r\n[class~=dataTree] ul li:first-child:after {\r\n -moz-border-radius: .3125pc 0 0 0;\r\n}\r\n\r\n[class~=dataTree] ul li:only-child {\r\n padding-top: 0;\r\n}\r\n',""]);const o=s},645:r=>{r.exports=function(r){var e=[];return e.toString=function(){return this.map((function(e){var n="",a=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),a&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=r(e),a&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(r,n,a,l,t){"string"==typeof r&&(r=[[null,r,void 0]]);var s={};if(a)for(var o=0;o<this.length;o++){var i=this[o][0];null!=i&&(s[i]=!0)}for(var d=0;d<r.length;d++){var c=[].concat(r[d]);a&&s[c[0]]||(void 0!==t&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=t),n&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=n):c[2]=n),l&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=l):c[4]="".concat(l)),e.push(c))}},e}},81:r=>{r.exports=function(r){return r[1]}},379:r=>{var e=[];function n(r){for(var n=-1,a=0;a<e.length;a++)if(e[a].identifier===r){n=a;break}return n}function a(r,a){for(var t={},s=[],o=0;o<r.length;o++){var i=r[o],d=a.base?i[0]+a.base:i[0],c=t[d]||0,u="".concat(d," ").concat(c);t[d]=c+1;var p=n(u),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(-1!==p)e[p].references++,e[p].updater(f);else{var b=l(f,a);a.byIndex=o,e.splice(o,0,{identifier:u,updater:b,references:1})}s.push(u)}return s}function l(r,e){var n=e.domAPI(e);return n.update(r),function(e){if(e){if(e.css===r.css&&e.media===r.media&&e.sourceMap===r.sourceMap&&e.supports===r.supports&&e.layer===r.layer)return;n.update(r=e)}else n.remove()}}r.exports=function(r,l){var t=a(r=r||[],l=l||{});return function(r){r=r||[];for(var s=0;s<t.length;s++){var o=n(t[s]);e[o].references--}for(var i=a(r,l),d=0;d<t.length;d++){var c=n(t[d]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}t=i}}},569:r=>{var e={};r.exports=function(r,n){var a=function(r){if(void 0===e[r]){var n=document.querySelector(r);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(r){n=null}e[r]=n}return e[r]}(r);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}},216:r=>{r.exports=function(r){var e=document.createElement("style");return r.setAttributes(e,r.attributes),r.insert(e,r.options),e}},565:(r,e,n)=>{r.exports=function(r){var e=n.nc;e&&r.setAttribute("nonce",e)}},795:r=>{r.exports=function(r){var e=r.insertStyleElement(r);return{update:function(n){!function(r,e,n){var a="";n.supports&&(a+="@supports (".concat(n.supports,") {")),n.media&&(a+="@media ".concat(n.media," {"));var l=void 0!==n.layer;l&&(a+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),a+=n.css,l&&(a+="}"),n.media&&(a+="}"),n.supports&&(a+="}");var t=n.sourceMap;t&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(t))))," */")),e.styleTagTransform(a,r,e.options)}(e,r,n)},remove:function(){!function(r){if(null===r.parentNode)return!1;r.parentNode.removeChild(r)}(e)}}}},589:r=>{r.exports=function(r,e){if(e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}}},e={};function n(a){var l=e[a];if(void 0!==l)return l.exports;var t=e[a]={id:a,exports:{}};return r[a](t,t.exports,n),t.exports}n.n=r=>{var e=r&&r.__esModule?()=>r.default:()=>r;return n.d(e,{a:e}),e},n.d=(r,e)=>{for(var a in e)n.o(e,a)&&!n.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:e[a]})},n.o=(r,e)=>Object.prototype.hasOwnProperty.call(r,e),n.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.nc=void 0;var a={};return(()=>{n.r(a),n.d(a,{default:()=>m});const r=require("react");var e=n.n(r),l=n(379),t=n.n(l),s=n(795),o=n.n(s),i=n(569),d=n.n(i),c=n(565),u=n.n(c),p=n(216),f=n.n(p),b=n(589),T=n.n(b),h=n(754),v={};v.styleTagTransform=T(),v.setAttributes=u(),v.insert=d().bind(null,"head"),v.domAPI=o(),v.insertStyleElement=f(),t()(h.Z,v),h.Z&&h.Z.locals&&h.Z.locals;const m=function(r){var n=r.data,a=r.treeStyle,l=r.boxStyle,t=function(r){function e(){var r=["306XOHZOd","2926106pmReEV","4785720DlsRHJ","1487238LYmAqR","223864QuuhVG","map","56gafpOh","493330CfKorZ","8396717lkHGen","4880022ACIBSN"];return(e=function(){return r})()}function n(r,a){var l=e();return(n=function(r,e){return l[r-=371]})(r,a)}var a=n;return function(r,e){for(var a=n,l=r();;)try{if(823345==-parseInt(a(375))/1+parseInt(a(373))/2+-parseInt(a(374))/3+-parseInt(a(378))/4*(-parseInt(a(379))/5)+parseInt(a(371))/6+parseInt(a(380))/7+-parseInt(a(376))/8*(parseInt(a(372))/9))break;l.push(l.shift())}catch(r){l.push(l.shift())}}(e),r[a(377)]((function(r){return function(r){var e=a;function n(){var r=["373486MxhZXC","keys","667412vECutE","map","619591RjTjAw","66IfjSTv","isArray","876960pBcaVi","76034lFyEvI","20MEGcNz","YRlxY","5977448zjpbUy","NAxVo","3JTVpNj","2652150McsOut","126zooBLK","NYCxL","length","object"];return(n=function(){return r})()}function a(r,e){var l=n();return(a=function(r,e){return l[r-=278]})(r,e)}return function(r,e){for(var n=a,l=r();;)try{if(386813==parseInt(n(285))/1+parseInt(n(281))/2*(-parseInt(n(294))/3)+-parseInt(n(283))/4*(-parseInt(n(290))/5)+parseInt(n(296))/6*(parseInt(n(289))/7)+parseInt(n(292))/8+-parseInt(n(288))/9+-parseInt(n(295))/10*(parseInt(n(286))/11))break;l.push(l.shift())}catch(r){l.push(l.shift())}}(n),Object[e(282)](r)[e(284)]((function(n,a){var l=e,t={NAxVo:l(280),YRlxY:function(r,e,n){return r(e,n)},NYCxL:function(r,e,n,a){return r(e,n,a)}};return Array.isArray(r[n])||r[n]==t[l(293)]?Array[l(287)](r[n])&&r[n][l(279)]>0?t[l(278)](o,n,r[n],a):void 0:t[l(291)](s,r[n],a)}))}(r)}))},s=function(r,n){return e().createElement("li",{key:n}," ",e().createElement("span",{style:l}," ",r," "))},o=function(r,n,a){return e().createElement("li",{key:a},e().createElement("span",null,r),e().createElement("ul",null,t(n)))};return e().createElement("div",{className:"dataTree",style:a},e().createElement("ul",null,e().createElement("li",null,e().createElement("span",null,"Tree heading"),e().createElement("ul",null,t(n)))))}})(),a})()));
!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n();else if("function"==typeof define&&define.amd)define([],n);else{var t=n();for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,(()=>(()=>{"use strict";var e={754:(e,n,t)=>{t.d(n,{Z:()=>l});var r=t(81),o=t.n(r),a=t(645),i=t.n(a)()(o());i.push([e.id,' .dataTree ul {\n padding-top: 20px;\n position: relative;\n transition: all 0.5s;\n -webkit-transition: all 0.5s;\n -moz-transition: all 0.5s;\n display: flex;\n }\n\n .dataTree ul ul:before {\n content: "";\n position: absolute;\n top: 0;\n left: 50%;\n border-left: 1px solid #ccc;\n width: 0;\n height: 20px;\n }\n\n .dataTree ul li {\n float: left;\n text-align: center;\n list-style-type: none;\n position: relative;\n padding: 20px 8px 0 8px;\n transition: all 0.5s;\n -webkit-transition: all 0.5s;\n -moz-transition: all 0.5s;\n }\n\n .dataTree ul li span {\n border: 1px solid #f5f5f5;\n padding: 8px 10px;\n text-decoration: none;\n color: #666;\n font-family: arial, verdana, tahoma;\n font-size: 11px;\n display: inline-block;\n border-radius: 8px;\n -webkit-border-radius: 8px;\n -moz-border-radius: 8px;\n transition: all 0.5s;\n -webkit-transition: all 0.5s;\n -moz-transition: all 0.5s;\n }\n\n .dataTree ul li span:hover,\n .dataTree ul li span:hover+ul li span {\n background: #f9f0f0;\n color: #000;\n border: 1px solid #94a0b4;\n }\n\n .dataTree ul li span:hover+ul li:after,\n .dataTree ul li span:hover+ul li:before,\n .dataTree ul li span:hover+ul:before,\n .dataTree ul li span:hover+ul ul:before {\n border-color: #94a0b4;\n }\n\n .dataTree ul li:before,\n .dataTree ul li:after {\n content: "";\n position: absolute;\n top: 0;\n right: 50%;\n border-top: 1px solid #ccc;\n width: 50%;\n min-height: 20px;\n }\n\n .dataTree ul li:after {\n right: auto;\n left: 50%;\n border-left: 1px solid #ccc;\n }\n\n .dataTree ul li:only-child:after,\n .dataTree ul li:only-child:before {\n display: none;\n }\n\n .dataTree ul li:only-child {\n padding-top: 0;\n }\n\n .dataTree ul li:first-child:before,\n .dataTree ul li:last-child:after {\n border: 0 none;\n }\n\n .dataTree ul li:last-child:before {\n border-right: 1px solid #ccc;\n border-radius: 0 8px 0 0;\n -webkit-border-radius: 0 8px 0 0;\n -moz-border-radius: 0 8px 0 0;\n }\n\n .dataTree ul li:first-child:after {\n border-radius: 8px 0 0 0;\n -webkit-border-radius: 8px 0 0 0;\n -moz-border-radius: 8px 0 0 0;\n }\n',""]);const l=i},645:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var l=0;l<this.length;l++){var c=this[l][0];null!=c&&(i[c]=!0)}for(var s=0;s<e.length;s++){var u=[].concat(e[s]);r&&i[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)),n.push(u))}},n}},81:e=>{e.exports=function(e){return e[1]}},379:e=>{var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}function r(e,r){for(var a={},i=[],l=0;l<e.length;l++){var c=e[l],s=r.base?c[0]+r.base:c[0],u=a[s]||0,d="".concat(s," ").concat(u);a[s]=u+1;var p=t(d),f={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==p)n[p].references++,n[p].updater(f);else{var b=o(f,r);r.byIndex=l,n.splice(l,0,{identifier:d,updater:b,references:1})}i.push(d)}return i}function o(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.remove()}}e.exports=function(e,o){var a=r(e=e||[],o=o||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var l=t(a[i]);n[l].references--}for(var c=r(e,o),s=0;s<a.length;s++){var u=t(a[s]);0===n[u].references&&(n[u].updater(),n.splice(u,1))}a=c}}},569:e=>{var n={};e.exports=function(e,t){var r=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[e]}(e);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:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},565:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},795:e=>{e.exports=function(e){var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,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))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},589:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}}},n={};function t(r){var o=n[r];if(void 0!==o)return o.exports;var a=n[r]={id:r,exports:{}};return e[r](a,a.exports,t),a.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0;var r={};return(()=>{t.r(r),t.d(r,{default:()=>v});var e=t(379),n=t.n(e),o=t(795),a=t.n(o),i=t(569),l=t.n(i),c=t(565),s=t.n(c),u=t(216),d=t.n(u),p=t(589),f=t.n(p),b=t(754),y={};function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}y.styleTagTransform=f(),y.setAttributes=s(),y.insert=l().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=d(),n()(b.Z,y),b.Z&&b.Z.locals&&b.Z.locals;const v=function(e){var n=e.data,t=e.treeStyle,r=e.boxStyle,o=e.heading,a=e.extraHtml,i=e.branchExtraHtml,l=e.onClick,c=e.onClickBranch,s=e.getDataOnClick,u=e.getDataOnClickBranch,d=e.showKey,p=e.showBranchKey,f=e.hideKey,b=function(e){return"object"==m(e)&&Array.isArray(e)?function(e){return e.map((function(n,t){return"object"!=m(n)?h(n,t,e):y(n)}))}(e):"object"==m(e)?y(e):void 0},y=function e(n){return Object.keys(n).map((function(t,r){if(!Array.isArray(n[t])&&"object"!=m(n[t]))return h(n[t],r,n);if(Array.isArray(n[t])){if(n[t].length>0)return v(n[t],t,r,n)}else if("object"==m(n[t]))return React.createElement("li",null,e(n[t]))}))},v=function(e,n,t,r){return React.createElement("li",{key:t},f!=n&&React.createElement("span",{onClick:function(){return c&&c(r,r[u])}}," ",r[p]||n,i&&React.createElement("span",{onClick:function(e){return e.stopPropagation()}},i(r))),React.createElement("ul",null,b(e)))},h=function(e,n,t){if(f!=e)return React.createElement("li",{onClick:function(){return l&&l(t,t[s])},key:n},React.createElement("span",{style:r},t[d]||e,a&&React.createElement("span",{onClick:function(e){return e.stopPropagation()}},a(t))))};return React.createElement("div",{className:"dataTree",style:t},React.createElement("ul",null,React.createElement("li",null,React.createElement("span",null,o),React.createElement("ul",null,b(n)))))}})(),r})()));
{
"name": "react-js-data-tree-01",
"version": "1.0.17",
"version": "1.1.0",
"description": "show json data or array data in box tree form",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

@@ -42,9 +42,27 @@ # React Js Data Tree

```<Tree data={data} heading="Tree Heading" /> ```
------------------------
heading Use : show table Heading
## properties :-
treeStyle use : style the main tree div or box
------------------
------------------
boxStyle use : style tha square box
extra props : treeStyle, boxStyle, heading
| name | isRequired | type | example | about |
| :---: | :---: | :---:| :---:| :---:|
| data | required | array or object | data= {['name', 'age']} or data = {{name:'user', age:30}} | Data is the object or array that you want to show in the tree.
| heading |not required | "string" | heading="string" | Heading is the data that will be heading in the tree
| treeStyle |not required | style object | treeStyle = {{background:'red'}} | The outer div of the tree will be styled in TreeStyle. |
| boxStyle |not required | style object | boxStyle = {{background:'red'}} | Each box in the tree will be styled with BoxStyle. |
| extraHtml |not required | function | extraHtml = ```{(data)=>{ console.log(data) return(<div>yourHtml</div>)}}``` | If any other HTML data is to be shown inside the box then it can be shown by extraHtml|
| branchExtraHtml |not required | function | branchExtraHtml = ```{(data)=>{ console.log(data) return(<div>yourHtml</div>)}}``` | Where a branch is being built and some extra data is to be shown on it, then it will be shown through branchExtraHtml.|
| onClick |not required | function | onClick = ```{(data)=>{ console.log(data)}}``` |If you want to do something on click of box then have to use onClick function it will return 2 parameters. 1st the data of that box and 2nd if getDataOnClick has been sent in it then that|
| onClickBranch |not required | function | onClickBranch = ```{(data)=>{ console.log(data) return(<div>yourHtml</div>)}}``` |Same as onclick but it will return 2nd param getDataOnClickBranch|
| getDataOnClick |not required | string | getDataOnClick = 'your key in data' | |
| getDataOnClickBranch |not required | string | getDataOnClickBranch = 'your key in data' ||
| showKey |not required | string | showKey = 'your key in data' |showKey is the key show that you want to show|
| showBranchKey |not required | string | showBranchKey = 'your key in data' |showBranchKey is the key show that you want to show in branch box.|
| hideKey |not required | string | hideKey = 'your key in data' | hideKey is the key that you want to hide from box|
--------------------------------------
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc