react-js-data-tree-01
Advanced tools
Comparing version 1.0.17 to 1.1.0
@@ -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| | ||
-------------------------------------- | ||
Unpublished package
Supply chain riskPackage version was not found on the registry. It may exist on a different registry and need to be configured to pull from that registry.
Found 1 instance in 1 package
Unpopular package
QualityThis package is not very popular.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
1
0
68
0
13742
5
34
1