@salutejs/plasma-new-hope 0.330.0-canary.2085.16321271145.0 → 0.330.0-canary.2091.16388455946.0

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.
Files changed (60) hide show
  1. package/cjs/components/Tree/Tree.css +6 -6
  2. package/cjs/components/Tree/Tree.js +22 -6
  3. package/cjs/components/Tree/Tree.js.map +1 -1
  4. package/cjs/components/Tree/Tree.styles.js +1 -1
  5. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  6. package/cjs/components/Tree/{Tree.styles_2v5lpb.css → Tree.styles_1d34sho.css} +1 -1
  7. package/cjs/components/Tree/Tree.tokens.js +6 -2
  8. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  9. package/cjs/components/Tree/utils/traverseTree.js +64 -0
  10. package/cjs/components/Tree/utils/traverseTree.js.map +1 -0
  11. package/cjs/index.css +6 -6
  12. package/emotion/cjs/components/Tree/Tree.js +66 -6
  13. package/emotion/cjs/components/Tree/Tree.styles.js +13 -13
  14. package/emotion/cjs/components/Tree/Tree.tokens.js +6 -2
  15. package/emotion/cjs/components/Tree/utils/index.js +12 -3
  16. package/emotion/cjs/components/Tree/utils/traverseTree.js +131 -0
  17. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  18. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  19. package/emotion/es/components/Tree/Tree.js +68 -8
  20. package/emotion/es/components/Tree/Tree.styles.js +13 -13
  21. package/emotion/es/components/Tree/Tree.tokens.js +6 -2
  22. package/emotion/es/components/Tree/utils/index.js +1 -0
  23. package/emotion/es/components/Tree/utils/traverseTree.js +116 -0
  24. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  25. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  26. package/es/components/Tree/Tree.css +6 -6
  27. package/es/components/Tree/Tree.js +24 -8
  28. package/es/components/Tree/Tree.js.map +1 -1
  29. package/es/components/Tree/Tree.styles.js +1 -1
  30. package/es/components/Tree/Tree.styles.js.map +1 -1
  31. package/es/components/Tree/{Tree.styles_2v5lpb.css → Tree.styles_1d34sho.css} +1 -1
  32. package/es/components/Tree/Tree.tokens.js +6 -2
  33. package/es/components/Tree/Tree.tokens.js.map +1 -1
  34. package/es/components/Tree/utils/traverseTree.js +56 -0
  35. package/es/components/Tree/utils/traverseTree.js.map +1 -0
  36. package/es/index.css +6 -6
  37. package/package.json +2 -2
  38. package/styled-components/cjs/components/Tree/Tree.js +66 -6
  39. package/styled-components/cjs/components/Tree/Tree.styles.js +16 -10
  40. package/styled-components/cjs/components/Tree/Tree.tokens.js +6 -2
  41. package/styled-components/cjs/components/Tree/utils/index.js +12 -3
  42. package/styled-components/cjs/components/Tree/utils/traverseTree.js +131 -0
  43. package/styled-components/cjs/examples/components/Tree/Tree.config.js +3 -1
  44. package/styled-components/es/components/Tree/Tree.js +68 -8
  45. package/styled-components/es/components/Tree/Tree.styles.js +16 -10
  46. package/styled-components/es/components/Tree/Tree.tokens.js +6 -2
  47. package/styled-components/es/components/Tree/utils/index.js +1 -0
  48. package/styled-components/es/components/Tree/utils/traverseTree.js +116 -0
  49. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  50. package/styled-components/es/examples/components/Tree/Tree.config.js +3 -1
  51. package/types/components/Tree/Tree.d.ts.map +1 -1
  52. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  53. package/types/components/Tree/Tree.tokens.d.ts +5 -1
  54. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  55. package/types/components/Tree/Tree.types.d.ts +14 -12
  56. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  57. package/types/components/Tree/utils/index.d.ts +1 -0
  58. package/types/components/Tree/utils/index.d.ts.map +1 -1
  59. package/types/components/Tree/utils/traverseTree.d.ts +4 -0
  60. package/types/components/Tree/utils/traverseTree.d.ts.map +1 -0
@@ -1,9 +1,9 @@
1
1
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
2
 
3
- .Tree_styles_2v5lpb_io9xczg__d1c7eff5{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_2v5lpb_io9xczg__d1c7eff5:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_2v5lpb_io9xczg__d1c7eff5:active{color:var(--plasma-tree-arrow-color-active);}
4
- .Tree_styles_2v5lpb_smciu6q__d1c7eff5{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
3
+ .Tree_styles_1d34sho_io9xczg__c774a5bb{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1d34sho_io9xczg__c774a5bb:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1d34sho_io9xczg__c774a5bb:active{color:var(--plasma-tree-arrow-color-active);}
4
+ .Tree_styles_1d34sho_smciu6q__c774a5bb{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
5
5
 
6
- .Tree_styles_2v5lpb_t1bgqryr__d1c7eff5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
7
- .Tree_styles_2v5lpb_t1un80r8__d1c7eff5{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
8
- .Tree_styles_2v5lpb_c92yb2c__d1c7eff5{line-height:0;}
9
- .Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5{margin:0;border:1px solid transparent;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeFocused__d1c7eff5:not(.Tree_styles_2v5lpb_rcTreeActiveFocused__d1c7eff5){border-color:cyan;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 .Tree_styles_2v5lpb_draggable__d1c7eff5{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_dragging__d1c7eff5{background:rgba(100,100,255,0.1);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_dropContainer__d1c7eff5 > .Tree_styles_2v5lpb_draggable__d1c7eff5::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_dropContainer__d1c7eff5 ~ .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5{border-left:2px solid chocolate;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_dropTarget__d1c7eff5{background-color:yellowgreen;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_dropTarget__d1c7eff5 ~ .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5{border-left:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_filterNode__d1c7eff5 > .Tree_styles_2v5lpb_rcTreeNodeContentWrapper__d1c7eff5{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 .Tree_styles_2v5lpb_rcTreeNodeContentWrapper__d1c7eff5{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5,.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5,.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeIconEle__d1c7eff5{cursor:pointer;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeIcon__customize__d1c7eff5,.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5.Tree_styles_2v5lpb_rcTreeIcon__customize__d1c7eff5,.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeIconEle__d1c7eff5.Tree_styles_2v5lpb_rcTreeIcon__customize__d1c7eff5{background-image:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeIcon_loading__d1c7eff5{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcherNoop__d1c7eff5{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcherNoop__d1c7eff5{display:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcher_open__d1c7eff5{background-position:-93px -56px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcher_close__d1c7eff5{background-position:-75px -56px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckboxChecked__d1c7eff5{background-position:-14px 0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckboxIndeterminate__d1c7eff5{background-position:-14px -28px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckboxDisabled__d1c7eff5{background-position:0 -56px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxChecked__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxDisabled__d1c7eff5{background-position:-14px -56px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxIndeterminate__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxDisabled__d1c7eff5{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxIndeterminate__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxDisabled__d1c7eff5::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5:not(.Tree_styles_2v5lpb_rcTreeShowLine__d1c7eff5) .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 .Tree_styles_2v5lpb_rcTreeSwitcherNoop__d1c7eff5{background:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_rcTreeShowLine__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_rcTreeShowLine__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5:not(:last-child) > .Tree_styles_2v5lpb_rcTreeSwitcherNoop__d1c7eff5{background-position:-56px -18px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_rcTreeShowLine__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5:last-child > .Tree_styles_2v5lpb_rcTreeSwitcherNoop__d1c7eff5{background-position:-56px -36px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeChildTree__d1c7eff5{display:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeChildTreeOpen__d1c7eff5{display:block;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5 > span:not(.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5),.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5 > a,.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenodeActive__d1c7eff5{background:rgba(0,0,0,0.1);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeNodeSelected__d1c7eff5{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIcon__open__d1c7eff5{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIcon__close__d1c7eff5{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIcon__docu__d1c7eff5{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIcon__customize__d1c7eff5{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTitle__d1c7eff5{display:inline-block;width:100%;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIndent__d1c7eff5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIndentUnit__d1c7eff5{display:inline-block;width:16px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeDraggableIcon__d1c7eff5{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5,.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeList__d1c7eff5{border:none !important;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeListHolder__d1c7eff5{overflow:hidden auto;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeItemFilled__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5:not(tree-item-filled) .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeItemFilled__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5::before{inset:0;border-radius:0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_rcTreeTreenodeSelected__d1c7eff5::before{background:var(--plasma-tree-item-background-color) !important;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5:not(.Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5:not(.Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 .Tree_styles_2v5lpb_rcTreeNodeContentWrapper__d1c7eff5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcher_open__d1c7eff5 .Tree_styles_2v5lpb_arrow__d1c7eff5{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcher_close__d1c7eff5 .Tree_styles_2v5lpb_arrow__d1c7eff5{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5.Tree_styles_2v5lpb_rcTreeSwitcher_open__d1c7eff5 .Tree_styles_2v5lpb_arrow__d1c7eff5{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckboxChecked__d1c7eff5::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeCheckbox__d1c7eff5.Tree_styles_2v5lpb_rcTreeCheckboxIndeterminate__d1c7eff5::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTitle__d1c7eff5{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5 span.Tree_styles_2v5lpb_rcTreeSwitcher__d1c7eff5{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5.Tree_styles_2v5lpb_treeInverted__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5::before{left:0;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeNodeSelected__d1c7eff5{opacity:1;box-shadow:none;background:none;}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeNodeSelected__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTitle__d1c7eff5{color:var(--plasma-tree-color-selected);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTitle__d1c7eff5{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeNodeSelected__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIcon__customize__d1c7eff5{color:var(--plasma-tree-color-selected);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTree__d1c7eff5 .Tree_styles_2v5lpb_rcTreeTreenode__d1c7eff5.Tree_styles_2v5lpb_rcTreeTreenodeDisabled__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIcon__customize__d1c7eff5{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_2v5lpb_b1njos1z__d1c7eff5 .Tree_styles_2v5lpb_rcTreeIndentUnit__d1c7eff5{width:var(--plasma-tree-item-indent);}
6
+ .Tree_styles_1d34sho_t1bgqryr__c774a5bb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
7
+ .Tree_styles_1d34sho_t1un80r8__c774a5bb{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
8
+ .Tree_styles_1d34sho_c92yb2c__c774a5bb{line-height:0;}
9
+ .Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb{margin:0;border:1px solid transparent;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeFocused__c774a5bb:not(.Tree_styles_1d34sho_rcTreeActiveFocused__c774a5bb){border-color:cyan;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb .Tree_styles_1d34sho_draggable__c774a5bb{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_dragging__c774a5bb{background:rgba(100,100,255,0.1);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_dropContainer__c774a5bb > .Tree_styles_1d34sho_draggable__c774a5bb::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_dropContainer__c774a5bb ~ .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb{border-left:2px solid chocolate;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_dropTarget__c774a5bb{background-color:yellowgreen;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_dropTarget__c774a5bb ~ .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb{border-left:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_filterNode__c774a5bb > .Tree_styles_1d34sho_rcTreeNodeContentWrapper__c774a5bb{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb .Tree_styles_1d34sho_rcTreeNodeContentWrapper__c774a5bb{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb,.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb,.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeIconEle__c774a5bb{cursor:pointer;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeIcon__customize__c774a5bb,.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb.Tree_styles_1d34sho_rcTreeIcon__customize__c774a5bb,.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeIconEle__c774a5bb.Tree_styles_1d34sho_rcTreeIcon__customize__c774a5bb{background-image:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeIcon_loading__c774a5bb{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcherNoop__c774a5bb{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcherNoop__c774a5bb{display:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcher_open__c774a5bb{background-position:-93px -56px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcher_close__c774a5bb{background-position:-75px -56px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckboxChecked__c774a5bb{background-position:-14px 0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckboxIndeterminate__c774a5bb{background-position:-14px -28px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckboxDisabled__c774a5bb{background-position:0 -56px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxChecked__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxDisabled__c774a5bb{background-position:-14px -56px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxIndeterminate__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxDisabled__c774a5bb{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxIndeterminate__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxDisabled__c774a5bb::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb:not(.Tree_styles_1d34sho_rcTreeShowLine__c774a5bb) .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb .Tree_styles_1d34sho_rcTreeSwitcherNoop__c774a5bb{background:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_rcTreeShowLine__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_rcTreeShowLine__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb:not(:last-child) > .Tree_styles_1d34sho_rcTreeSwitcherNoop__c774a5bb{background-position:-56px -18px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_rcTreeShowLine__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb:last-child > .Tree_styles_1d34sho_rcTreeSwitcherNoop__c774a5bb{background-position:-56px -36px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeChildTree__c774a5bb{display:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeChildTreeOpen__c774a5bb{display:block;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb > span:not(.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb),.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb > a,.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeTreenodeActive__c774a5bb{background:rgba(0,0,0,0.1);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeNodeSelected__c774a5bb{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIcon__open__c774a5bb{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIcon__close__c774a5bb{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIcon__docu__c774a5bb{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIcon__customize__c774a5bb{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeTitle__c774a5bb{display:inline-block;width:100%;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIndent__c774a5bb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIndentUnit__c774a5bb{display:inline-block;width:16px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeDraggableIcon__c774a5bb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb,.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeList__c774a5bb{border:none !important;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeListHolder__c774a5bb{overflow:hidden auto;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeItemFilled__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb:not(tree-item-filled) .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeItemFilled__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb::before{inset:0;border-radius:0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_treeClosestParentHasSelectedChildren__c774a5bb::before{background:var(--plasma-tree-item-background-color-closest-parent-has-selected-children);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_treeParentHasSelectedChildren__c774a5bb::before{background:var(--plasma-tree-item-background-color-parent-has-selected-children);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_rcTreeTreenodeSelected__c774a5bb::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb:not(.Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb:not(.Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb .Tree_styles_1d34sho_rcTreeNodeContentWrapper__c774a5bb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcher_open__c774a5bb .Tree_styles_1d34sho_arrow__c774a5bb{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcher_close__c774a5bb .Tree_styles_1d34sho_arrow__c774a5bb{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb.Tree_styles_1d34sho_rcTreeSwitcher_open__c774a5bb .Tree_styles_1d34sho_arrow__c774a5bb{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckboxChecked__c774a5bb::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeCheckbox__c774a5bb.Tree_styles_1d34sho_rcTreeCheckboxIndeterminate__c774a5bb::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeTitle__c774a5bb{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb span.Tree_styles_1d34sho_rcTreeSwitcher__c774a5bb{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb.Tree_styles_1d34sho_treeInverted__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb::before{left:0;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeNodeSelected__c774a5bb{opacity:1;box-shadow:none;background:none;}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeNodeSelected__c774a5bb .Tree_styles_1d34sho_rcTreeTitle__c774a5bb{color:var(--plasma-tree-color-selected);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb .Tree_styles_1d34sho_rcTreeTitle__c774a5bb{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeNodeSelected__c774a5bb .Tree_styles_1d34sho_rcTreeIcon__customize__c774a5bb{color:var(--plasma-tree-color-selected);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTree__c774a5bb .Tree_styles_1d34sho_rcTreeTreenode__c774a5bb.Tree_styles_1d34sho_rcTreeTreenodeDisabled__c774a5bb .Tree_styles_1d34sho_rcTreeIcon__customize__c774a5bb{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1d34sho_b1njos1z__c774a5bb .Tree_styles_1d34sho_rcTreeIndentUnit__c774a5bb{width:var(--plasma-tree-item-indent);}
@@ -8,6 +8,7 @@ var Tree = require('rc-tree');
8
8
  var index = require('../../utils/index.js');
9
9
  var Tree_styles = require('./Tree.styles.js');
10
10
  var Tree_tokens = require('./Tree.tokens.js');
11
+ var traverseTree = require('./utils/traverseTree.js');
11
12
  var sizeToIconSize = require('./utils/sizeToIconSize.js');
12
13
 
13
14
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -37,9 +38,9 @@ var treeRoot = function treeRoot(Root) {
37
38
  defaultExpandAll = _ref$defaultExpandAll === void 0 ? false : _ref$defaultExpandAll,
38
39
  _ref$checkable = _ref.checkable,
39
40
  checkable = _ref$checkable === void 0 ? false : _ref$checkable,
41
+ outerSelectedKeys = _ref.selectedKeys,
40
42
  checkedKeys = _ref.checkedKeys,
41
43
  expandedKeys = _ref.expandedKeys,
42
- selectedKeys = _ref.selectedKeys,
43
44
  defaultCheckedKeys = _ref.defaultCheckedKeys,
44
45
  defaultExpandedKeys = _ref.defaultExpandedKeys,
45
46
  defaultSelectedKeys = _ref.defaultSelectedKeys,
@@ -51,8 +52,25 @@ var treeRoot = function treeRoot(Root) {
51
52
  hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
52
53
  icon = _ref.icon,
53
54
  renderTitle = _ref.renderTitle;
55
+ var _useState = React.useState(defaultSelectedKeys || []),
56
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
57
+ selected = _useState2[0],
58
+ setSelected = _useState2[1];
59
+ var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
60
+ var handleSelect = function handleSelect(updatedSelectedKeys, info) {
61
+ setSelected(updatedSelectedKeys);
62
+ if (onTreeSelect) {
63
+ onTreeSelect(updatedSelectedKeys, info);
64
+ }
65
+ };
54
66
  var invertedClass = arrowPlacement === 'right' ? Tree_tokens.classes.treeInverted : undefined;
55
67
  var itemFilledClass = fullWidthItemSelection ? Tree_tokens.classes.treeItemFilled : undefined;
68
+
69
+ // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
70
+ // чтобы соблюсти иерархию вложенности в UI.
71
+ var treeData = React.useMemo(function () {
72
+ return traverseTree.traverseTree(items, selectedKeys);
73
+ }, [items, selectedKeys]);
56
74
  return /*#__PURE__*/React__default.default.createElement(Root, {
57
75
  view: view,
58
76
  size: size,
@@ -69,18 +87,16 @@ var treeRoot = function treeRoot(Root) {
69
87
  style: {
70
88
  border: '1px solid #000'
71
89
  },
72
- treeData: items
90
+ treeData: treeData,
91
+ selectedKeys: selectedKeys
73
92
  }, checkedKeys !== undefined ? {
74
93
  checkedKeys: checkedKeys
75
94
  } : {}, expandedKeys !== undefined ? {
76
95
  expandedKeys: expandedKeys
77
- } : {}, selectedKeys !== undefined ? {
78
- selectedKeys: selectedKeys
79
96
  } : {}, {
80
97
  defaultCheckedKeys: defaultCheckedKeys,
81
98
  defaultExpandedKeys: defaultExpandedKeys,
82
- defaultSelectedKeys: defaultSelectedKeys,
83
- onSelect: onTreeSelect
99
+ onSelect: handleSelect
84
100
  // Тайп кастинг для упрощения API
85
101
  ,
86
102
  onCheck: onTreeCheck,
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tree from 'rc-tree';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { TreeProps } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles';\nimport { sizeToIconSize } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n forwardRef<HTMLDivElement, TreeProps>(\n (\n {\n items,\n arrowPlacement = 'left',\n virtual = true,\n height,\n itemHeight,\n size,\n view,\n fullWidthItemSelection = false,\n multiple = false,\n defaultExpandAll = false,\n checkable = false,\n checkedKeys,\n expandedKeys,\n selectedKeys,\n defaultCheckedKeys,\n defaultExpandedKeys,\n defaultSelectedKeys,\n className,\n onTreeSelect,\n onTreeCheck,\n onTreeExpand,\n hasIcon = false,\n icon,\n renderTitle,\n },\n ref,\n ) => {\n const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n\n return (\n <Root view={view} size={size} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cx(className, invertedClass, itemFilledClass)}\n defaultExpandAll={defaultExpandAll}\n style={{ border: '1px solid #000' }}\n treeData={items}\n {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n {...(selectedKeys !== undefined ? { selectedKeys } : {})}\n defaultCheckedKeys={defaultCheckedKeys}\n defaultExpandedKeys={defaultExpandedKeys}\n defaultSelectedKeys={defaultSelectedKeys}\n onSelect={onTreeSelect}\n // Тайп кастинг для упрощения API\n onCheck={onTreeCheck as any}\n onExpand={onTreeExpand}\n switcherIcon={(node) => {\n if (node.isLeaf) {\n return null;\n }\n\n return (\n <IconArrowWrapper>\n <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n </IconArrowWrapper>\n );\n }}\n icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n >\n <Title>\n {/* eslint-disable-next-line no-nested-ternary */}\n {renderTitle\n ? renderTitle(item)\n : typeof item.title === 'function'\n ? item.title(item)\n : item.title}\n </Title>\n\n {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n </TitleWrapper>\n )}\n />\n </Root>\n );\n },\n );\n\nexport const treeConfig = {\n name: 'Tree',\n tag: 'div',\n layout: treeRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$checkable","checkable","checkedKeys","expandedKeys","selectedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","React","createElement","Tree","_extends","cx","style","border","treeData","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n forwardRef<HTMLDivElement, TreeProps>(\n (\n {\n items,\n arrowPlacement = 'left',\n virtual = true,\n height,\n itemHeight,\n size,\n view,\n fullWidthItemSelection = false,\n multiple = false,\n defaultExpandAll = false,\n checkable = false,\n selectedKeys: outerSelectedKeys,\n checkedKeys,\n expandedKeys,\n defaultCheckedKeys,\n defaultExpandedKeys,\n defaultSelectedKeys,\n className,\n onTreeSelect,\n onTreeCheck,\n onTreeExpand,\n hasIcon = false,\n icon,\n renderTitle,\n },\n ref,\n ) => {\n const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n const selectedKeys = outerSelectedKeys ?? selected;\n\n const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n setSelected(updatedSelectedKeys);\n\n if (onTreeSelect) {\n onTreeSelect(updatedSelectedKeys, info);\n }\n };\n\n const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cx(className, invertedClass, itemFilledClass)}\n defaultExpandAll={defaultExpandAll}\n style={{ border: '1px solid #000' }}\n treeData={treeData}\n selectedKeys={selectedKeys}\n {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n defaultCheckedKeys={defaultCheckedKeys}\n defaultExpandedKeys={defaultExpandedKeys}\n onSelect={handleSelect}\n // Тайп кастинг для упрощения API\n onCheck={onTreeCheck as any}\n onExpand={onTreeExpand}\n switcherIcon={(node) => {\n if (node.isLeaf) {\n return null;\n }\n\n return (\n <IconArrowWrapper>\n <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n </IconArrowWrapper>\n );\n }}\n icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n >\n <Title>\n {/* eslint-disable-next-line no-nested-ternary */}\n {renderTitle\n ? renderTitle(item)\n : typeof item.title === 'function'\n ? item.title(item)\n : item.title}\n </Title>\n\n {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n </TitleWrapper>\n )}\n />\n </Root>\n );\n },\n );\n\nexport const treeConfig = {\n name: 'Tree',\n tag: 'div',\n layout: treeRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_useState","useState","_useState2","_slicedToArray","selected","setSelected","handleSelect","updatedSelectedKeys","info","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- require('./Tree.styles_2v5lpb.css');
1
+ require('./Tree.styles_1d34sho.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n fullWidthItemSelection: boolean;\n arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n margin: var(${tokens.iconFolderMargin});\n\n ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n line-height: 0;\n`;\n\nexport const base = css`\n .rc-tree {\n margin: 0;\n border: 1px solid transparent;\n }\n .rc-tree-focused:not(.rc-tree-active-focused) {\n border-color: cyan;\n }\n .rc-tree .rc-tree-treenode {\n margin: 0;\n padding: 0;\n line-height: 24px;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n }\n .rc-tree .rc-tree-treenode .draggable {\n color: #333;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n /* Required to make elements draggable in old WebKit */\n }\n .rc-tree .rc-tree-treenode.dragging {\n background: rgba(100, 100, 255, 0.1);\n }\n .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: inset 0 0 0 2px red;\n content: '';\n }\n .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n border-left: 2px solid chocolate;\n }\n .rc-tree .rc-tree-treenode.drop-target {\n background-color: yellowgreen;\n }\n .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n border-left: none;\n }\n .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n color: #a60000 !important;\n font-weight: bold !important;\n }\n .rc-tree .rc-tree-treenode ul {\n margin: 0;\n padding: 0 0 0 18px;\n }\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n position: relative;\n display: inline-block;\n height: 24px;\n margin: 0;\n padding: 0;\n text-decoration: none;\n vertical-align: top;\n cursor: pointer;\n color: var(${tokens.color});\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n cursor: pointer;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n background-image: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n margin-right: 2px;\n vertical-align: top;\n background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n no-repeat scroll 0 0 transparent;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n flex: none;\n }\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n display: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n background-position: -93px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n background-position: -75px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n background-position: 0 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n background-position: -14px 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n background-position: -14px -28px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n background-position: 0 -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n background-position: -14px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n position: relative;\n background: #ccc;\n border-radius: 3px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n position: absolute;\n top: 5px;\n left: 3px;\n width: 5px;\n height: 0;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n -webkit-transform: scale(1);\n transform: scale(1);\n content: ' ';\n }\n .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n background: none;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n repeat-y;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n background-position: -56px -18px;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n background-position: -56px -36px;\n }\n .rc-tree-child-tree {\n display: none;\n }\n .rc-tree-child-tree-open {\n display: block;\n }\n .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n .rc-tree-treenode-disabled > a,\n .rc-tree-treenode-disabled > a span {\n color: #767676;\n cursor: not-allowed;\n }\n .rc-tree-treenode-active {\n background: rgba(0, 0, 0, 0.1);\n }\n .rc-tree-node-selected {\n background-color: #ffe6b0;\n box-shadow: 0 0 0 1px #ffb951;\n opacity: 0.8;\n }\n .rc-tree-icon__open {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -16px;\n }\n .rc-tree-icon__close {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px 0;\n }\n .rc-tree-icon__docu {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -32px;\n }\n .rc-tree-icon__customize {\n display: block;\n line-height: 0;\n color: var(${tokens.iconFolderColor});\n margin: var(${tokens.iconFolderMargin});\n }\n .rc-tree-title {\n display: inline-block;\n width: 100%;\n }\n .rc-tree-indent {\n display: inline-flex;\n height: 0;\n vertical-align: bottom;\n }\n .rc-tree-indent-unit {\n display: inline-block;\n width: 16px;\n }\n .rc-tree-draggable-icon {\n display: inline-flex;\n justify-content: center;\n width: 16px;\n }\n\n .rc-tree, .rc-tree-list {\n border: none !important;\n }\n\n .rc-tree .rc-tree-list-holder {\n overflow: hidden auto;\n }\n\n .rc-tree .rc-tree-treenode {\n position: relative;\n z-index: 0;\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n padding: 0;\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n padding: 0 var(${tokens.itemPadding}) !important;\n }\n\n .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n padding: 0 var(${tokens.itemPaddingTight});\n }\n\n .rc-tree .rc-tree-treenode::before {\n content: '';\n position: absolute;\n z-index: -1;\n top: var(${tokens.itemTop});\n bottom: var(${tokens.itemBottom});\n left: var(${tokens.switcherSize});\n right: 0;\n background: transparent;\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled {\n opacity: var(${tokens.itemDisabledOpacity});\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n inset: 0;\n border-radius: 0;\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n background: var(${tokens.itemBackgroundColor}) !important;\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before {\n background: var(${tokens.itemBackgroundColorHover});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before {\n background: var(${tokens.itemBackgroundColorActive});\n }\n\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n display: flex;\n align-items: center;\n align-self: stretch;\n height: auto;\n flex: 1;\n min-width: max-content;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n width: var(${tokens.switcherSize});\n height: var(${tokens.switcherSize});\n margin: var(${tokens.switcherMargin});\n line-height: 0;\n vertical-align: 0;\n background: transparent;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n margin: var(${tokens.switcherMarginInverted});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(0);\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 0;\n vertical-align: 0;\n width: var(${tokens.checkboxSize});\n height: var(${tokens.checkboxSize});\n margin: var(${tokens.checkboxMargin});\n background-image: none;\n flex: none;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n content: '';\n display: block;\n width: var(${tokens.checkboxInnerSize});\n height: var(${tokens.checkboxInnerSize});\n border: 0.125rem solid var(${tokens.checkboxBorderColor});\n border-radius: var(${tokens.checkboxBorderRadius});\n box-sizing: border-box;\n background-size: contain;\n background-repeat: no-repeat;\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n }\n\n .rc-tree-title {\n color: var(${tokens.color});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher {\n order: 1;\n }\n\n .rc-tree.tree-inverted .rc-tree-treenode::before {\n left: 0;\n }\n\n .rc-tree-node-selected {\n opacity: 1;\n box-shadow: none;\n background: none;\n }\n\n .rc-tree-node-selected .rc-tree-title {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n color: var(${tokens.itemDisabledColor});\n }\n\n .rc-tree-node-selected .rc-tree-icon__customize {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n color: var(${tokens.itemDisabledColor});;\n }\n\n .rc-tree-indent-unit {\n width: var(${tokens.itemIndent});\n }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;;;;;AASO,IAAMA,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,uDAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,qBAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,YAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,sBAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GAyXhB;;;;;;;;;;"}
1
+ {"version":3,"file":"Tree.styles.js","sources":["../../../src/components/Tree/Tree.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { applyEllipsis } from '../../mixins';\nimport { IconDisclosureRightCentered, IconFolder } from '../_Icon';\n\nimport { TreeProps } from './Tree.types';\nimport { treeTokens as tokens, classes } from './Tree.tokens';\n\nexport const IconArrowWrapper = styled.div`\n line-height: 0;\n color: var(${tokens.arrowColor});\n\n &:hover {\n color: var(${tokens.arrowColorHover});\n }\n\n &:active {\n color: var(${tokens.arrowColorActive});\n }\n`;\n\nexport const StyledArrow = styled(IconDisclosureRightCentered)`\n transition: color 0.3s ease-in, transform 0.15s ease-in;\n pointer-events: none;\n user-select: none;\n`;\n\nexport const StyledFolder = styled(IconFolder)``;\n\nexport const TitleWrapper = styled.div<{\n fullWidthItemSelection: boolean;\n arrowPlacement: TreeProps['arrowPlacement'];\n}>`\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: ${({ arrowPlacement, fullWidthItemSelection }) =>\n arrowPlacement === 'left' && !fullWidthItemSelection ? `var(${tokens.iconFolderMargin})` : 0};\n\n ${applyEllipsis()};\n`;\n\nexport const Title = styled.span`\n margin: var(${tokens.iconFolderMargin});\n\n ${applyEllipsis()};\n`;\n\nexport const ContentRight = styled.div`\n line-height: 0;\n`;\n\nexport const base = css`\n .rc-tree {\n margin: 0;\n border: 1px solid transparent;\n }\n .rc-tree-focused:not(.rc-tree-active-focused) {\n border-color: cyan;\n }\n .rc-tree .rc-tree-treenode {\n margin: 0;\n padding: 0;\n line-height: 24px;\n white-space: nowrap;\n list-style: none;\n outline: 0;\n }\n .rc-tree .rc-tree-treenode .draggable {\n color: #333;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n user-select: none;\n /* Required to make elements draggable in old WebKit */\n }\n .rc-tree .rc-tree-treenode.dragging {\n background: rgba(100, 100, 255, 0.1);\n }\n .rc-tree .rc-tree-treenode.drop-container > .draggable::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n box-shadow: inset 0 0 0 2px red;\n content: '';\n }\n .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode {\n border-left: 2px solid chocolate;\n }\n .rc-tree .rc-tree-treenode.drop-target {\n background-color: yellowgreen;\n }\n .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode {\n border-left: none;\n }\n .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper {\n color: #a60000 !important;\n font-weight: bold !important;\n }\n .rc-tree .rc-tree-treenode ul {\n margin: 0;\n padding: 0 0 0 18px;\n }\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n position: relative;\n display: inline-block;\n height: 24px;\n margin: 0;\n padding: 0;\n text-decoration: none;\n vertical-align: top;\n cursor: pointer;\n color: var(${tokens.color});\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle {\n cursor: pointer;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,\n .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize {\n background-image: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {\n margin-right: 2px;\n vertical-align: top;\n background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7')\n no-repeat scroll 0 0 transparent;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n flex: none;\n }\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop {\n display: none;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open {\n background-position: -93px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close {\n background-position: -75px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n width: 13px;\n height: 13px;\n margin: 0 3px;\n background-position: 0 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked {\n background-position: -14px 0;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate {\n background-position: -14px -28px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled {\n background-position: 0 -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled {\n background-position: -14px -56px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled {\n position: relative;\n background: #ccc;\n border-radius: 3px;\n }\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after {\n position: absolute;\n top: 5px;\n left: 3px;\n width: 5px;\n height: 0;\n border: 2px solid #fff;\n border-top: 0;\n border-left: 0;\n -webkit-transform: scale(1);\n transform: scale(1);\n content: ' ';\n }\n .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop {\n background: none;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul {\n background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0\n repeat-y;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop {\n background-position: -56px -18px;\n }\n .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop {\n background-position: -56px -36px;\n }\n .rc-tree-child-tree {\n display: none;\n }\n .rc-tree-child-tree-open {\n display: block;\n }\n .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),\n .rc-tree-treenode-disabled > a,\n .rc-tree-treenode-disabled > a span {\n color: #767676;\n cursor: not-allowed;\n }\n .rc-tree-treenode-active {\n background: rgba(0, 0, 0, 0.1);\n }\n .rc-tree-node-selected {\n background-color: #ffe6b0;\n box-shadow: 0 0 0 1px #ffb951;\n opacity: 0.8;\n }\n .rc-tree-icon__open {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -16px;\n }\n .rc-tree-icon__close {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px 0;\n }\n .rc-tree-icon__docu {\n margin-right: 0;\n vertical-align: top;\n background-position: -110px -32px;\n }\n .rc-tree-icon__customize {\n display: block;\n line-height: 0;\n color: var(${tokens.iconFolderColor});\n margin: var(${tokens.iconFolderMargin});\n }\n .rc-tree-title {\n display: inline-block;\n width: 100%;\n }\n .rc-tree-indent {\n display: inline-flex;\n height: 0;\n vertical-align: bottom;\n }\n .rc-tree-indent-unit {\n display: inline-block;\n width: 16px;\n }\n .rc-tree-draggable-icon {\n display: inline-flex;\n justify-content: center;\n width: 16px;\n }\n\n .rc-tree, .rc-tree-list {\n border: none !important;\n }\n\n .rc-tree .rc-tree-list-holder {\n overflow: hidden auto;\n }\n\n .rc-tree .rc-tree-treenode {\n position: relative;\n z-index: 0;\n display: flex;\n align-items: center;\n min-height: var(${tokens.itemHeight});\n padding: 0;\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode {\n padding: 0 var(${tokens.itemPadding}) !important;\n }\n\n .rc-tree.${classes.treeInverted}:not(${classes.treeItemFilled}) .rc-tree-treenode {\n padding: 0 var(${tokens.itemPaddingTight});\n }\n\n .rc-tree .rc-tree-treenode::before {\n content: '';\n position: absolute;\n z-index: -1;\n top: var(${tokens.itemTop});\n bottom: var(${tokens.itemBottom});\n left: var(${tokens.switcherSize});\n right: 0;\n background: transparent;\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled {\n opacity: var(${tokens.itemDisabledOpacity});\n }\n\n .rc-tree.${classes.treeItemFilled} .rc-tree-treenode::before {\n inset: 0;\n border-radius: 0;\n }\n\n .rc-tree .rc-tree-treenode.${classes.closestParentHasSelectedChildren}::before {\n background: var(${tokens.itemBackgroundColorClosestParentHasSelectedChildren});\n }\n\n .rc-tree .rc-tree-treenode.${classes.parentHasSelectedChildren}::before {\n background: var(${tokens.itemBackgroundColorParentHasSelectedChildren});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before {\n background: var(${tokens.itemBackgroundColorSelected});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before {\n background: var(${tokens.itemBackgroundColorHover});\n }\n\n .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before {\n background: var(${tokens.itemBackgroundColorActive});\n }\n\n .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper {\n display: flex;\n align-items: center;\n align-self: stretch;\n height: auto;\n flex: 1;\n min-width: max-content;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher {\n width: var(${tokens.switcherSize});\n height: var(${tokens.switcherSize});\n margin: var(${tokens.switcherMargin});\n line-height: 0;\n vertical-align: 0;\n background: transparent;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n margin: var(${tokens.switcherMarginInverted});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow {\n transform: rotate(90deg);\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow {\n transform: rotate(0);\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 0;\n vertical-align: 0;\n width: var(${tokens.checkboxSize});\n height: var(${tokens.checkboxSize});\n margin: var(${tokens.checkboxMargin});\n background-image: none;\n flex: none;\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before {\n content: '';\n display: block;\n width: var(${tokens.checkboxInnerSize});\n height: var(${tokens.checkboxInnerSize});\n border: 0.125rem solid var(${tokens.checkboxBorderColor});\n border-radius: var(${tokens.checkboxBorderRadius});\n box-sizing: border-box;\n background-size: contain;\n background-repeat: no-repeat;\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before {\n border: 0.125rem solid var(${tokens.itemDisabledBorderColor});\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E\");\n }\n\n .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before {\n background-color: var(${tokens.checkboxBackgroundColor});\n border-color: var(${tokens.checkboxBackgroundColor});\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E\");\n }\n\n .rc-tree-title {\n color: var(${tokens.color});\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode span.rc-tree-switcher {\n order: 1;\n }\n\n .rc-tree.${classes.treeInverted} .rc-tree-treenode::before {\n left: 0;\n }\n\n .rc-tree-node-selected {\n opacity: 1;\n box-shadow: none;\n background: none;\n }\n\n .rc-tree-node-selected .rc-tree-title {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title {\n color: var(${tokens.itemDisabledColor});\n }\n\n .rc-tree-node-selected .rc-tree-icon__customize {\n color: var(${tokens.colorSelected});\n }\n\n .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize {\n color: var(${tokens.itemDisabledColor});;\n }\n\n .rc-tree-indent-unit {\n width: var(${tokens.itemIndent});\n }\n`;\n"],"names":["IconArrowWrapper","styled","name","class","propsAsIs","_exp4","IconDisclosureRightCentered","StyledArrow","_exp5","IconFolder","StyledFolder","_exp6","_ref","arrowPlacement","fullWidthItemSelection","concat","tokens","iconFolderMargin","TitleWrapper","vars","Title","ContentRight","base"],"mappings":";;;;;;;;;AASO,IAAMA,gBAAgB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWrC,EAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCC,uDAA2B,CAAA;AAAA,CAAA,CAAA;AAAtD,IAAMC,WAAW,gBAAGN,YAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIhC,EAAA;AAAC,IAAAI,KAAA,GAzBgBA,SAyBhBA,KAAAA,GAAA;AAAA,EAAA,OAEiCC,qBAAU,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMC,YAAY,gBAAGT,YAAM,CAAAO,KAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAc,EAAA;AAAC,IAAAO,KAAA,GA3B/BA,SA2B+BA,KAAAA,GAAA;AAAA,EAAA,OASnC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;MAAEC,sBAAAA,GAAAA,IAAAA,CAAAA,sBAAAA,CAAAA;AAAAA,IAAAA,OACzBD,cAAc,KAAK,MAAM,IAAI,CAACC,sBAAsB,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,sBAAM,CAACC,gBAAgB,SAAM,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAR7F,IAAMC,YAAY,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAe,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOpBR,KACsF,EAAA,CAAA;AAAA,GAAA;AAAA,CAGnG,EAAA;AAEM,IAAMS,KAAK,gBAAGnB,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI1B,EAAA;AAEM,IAAMiB,YAAY,gBAAGpB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEjC,EAAA;AAEM,IAAMkB,IAAI,GAiYhB;;;;;;;;;;"}
@@ -4,4 +4,4 @@
4
4
  .t1bgqryr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
5
5
  .t1un80r8{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
6
6
  .c92yb2c{line-height:0;}
7
- .b1njos1z .rc-tree{margin:0;border:1px solid transparent;}.b1njos1z .rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.b1njos1z .rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.b1njos1z .rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.b1njos1z .rc-tree .rc-tree-treenode.dragging{background:rgba(100,100,255,0.1);}.b1njos1z .rc-tree .rc-tree-treenode.drop-container > .draggable::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.b1njos1z .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode{border-left:2px solid chocolate;}.b1njos1z .rc-tree .rc-tree-treenode.drop-target{background-color:yellowgreen;}.b1njos1z .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode{border-left:none;}.b1njos1z .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.b1njos1z .rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.b1njos1z .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{-webkit-flex:none;-ms-flex:none;flex:none;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.b1njos1z .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.b1njos1z .rc-tree-child-tree{display:none;}.b1njos1z .rc-tree-child-tree-open{display:block;}.b1njos1z .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.b1njos1z .rc-tree-treenode-disabled > a,.b1njos1z .rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.b1njos1z .rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.b1njos1z .rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.b1njos1z .rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.b1njos1z .rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.b1njos1z .rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.b1njos1z .rc-tree-icon__customize{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.b1njos1z .rc-tree-title{display:inline-block;width:100%;}.b1njos1z .rc-tree-indent{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.b1njos1z .rc-tree-indent-unit{display:inline-block;width:16px;}.b1njos1z .rc-tree-draggable-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.b1njos1z .rc-tree,.b1njos1z .rc-tree-list{border:none !important;}.b1njos1z .rc-tree .rc-tree-list-holder{overflow:hidden auto;}.b1njos1z .rc-tree .rc-tree-treenode{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.b1njos1z .rc-tree.tree-item-filled .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding) !important;}.b1njos1z .rc-tree.tree-inverted:not(tree-item-filled) .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding-tight);}.b1njos1z .rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled{opacity:var(--plasma-tree-item-disabled-opacity);}.b1njos1z .rc-tree.tree-item-filled .rc-tree-treenode::before{inset:0;border-radius:0;}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(--plasma-tree-item-background-color) !important;}.b1njos1z .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before{background:var(--plasma-tree-item-background-color-hover);}.b1njos1z .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before{background:var(--plasma-tree-item-background-color-active);}.b1njos1z .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{margin:var(--plasma-tree-switcher-margin-inverted);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.b1njos1z .rc-tree-title{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{-webkit-order:1;-ms-flex-order:1;order:1;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.b1njos1z .rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.b1njos1z .rc-tree-node-selected .rc-tree-title{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(--plasma-tree-item-disabled-color);}.b1njos1z .rc-tree-node-selected .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(--plasma-tree-item-disabled-color);}.b1njos1z .rc-tree-indent-unit{width:var(--plasma-tree-item-indent);}
7
+ .b1njos1z .rc-tree{margin:0;border:1px solid transparent;}.b1njos1z .rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.b1njos1z .rc-tree .rc-tree-treenode{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.b1njos1z .rc-tree .rc-tree-treenode .draggable{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.b1njos1z .rc-tree .rc-tree-treenode.dragging{background:rgba(100,100,255,0.1);}.b1njos1z .rc-tree .rc-tree-treenode.drop-container > .draggable::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.b1njos1z .rc-tree .rc-tree-treenode.drop-container ~ .rc-tree-treenode{border-left:2px solid chocolate;}.b1njos1z .rc-tree .rc-tree-treenode.drop-target{background-color:yellowgreen;}.b1njos1z .rc-tree .rc-tree-treenode.drop-target ~ .rc-tree-treenode{border-left:none;}.b1njos1z .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.b1njos1z .rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.b1njos1z .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-icon_loading{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{-webkit-flex:none;-ms-flex:none;flex:none;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.b1njos1z .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.b1njos1z .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.b1njos1z .rc-tree-child-tree{display:none;}.b1njos1z .rc-tree-child-tree-open{display:block;}.b1njos1z .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.b1njos1z .rc-tree-treenode-disabled > a,.b1njos1z .rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.b1njos1z .rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.b1njos1z .rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.b1njos1z .rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.b1njos1z .rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.b1njos1z .rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.b1njos1z .rc-tree-icon__customize{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.b1njos1z .rc-tree-title{display:inline-block;width:100%;}.b1njos1z .rc-tree-indent{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.b1njos1z .rc-tree-indent-unit{display:inline-block;width:16px;}.b1njos1z .rc-tree-draggable-icon{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.b1njos1z .rc-tree,.b1njos1z .rc-tree-list{border:none !important;}.b1njos1z .rc-tree .rc-tree-list-holder{overflow:hidden auto;}.b1njos1z .rc-tree .rc-tree-treenode{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.b1njos1z .rc-tree.tree-item-filled .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding) !important;}.b1njos1z .rc-tree.tree-inverted:not(tree-item-filled) .rc-tree-treenode{padding:0 var(--plasma-tree-item-padding-tight);}.b1njos1z .rc-tree .rc-tree-treenode::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled{opacity:var(--plasma-tree-item-disabled-opacity);}.b1njos1z .rc-tree.tree-item-filled .rc-tree-treenode::before{inset:0;border-radius:0;}.b1njos1z .rc-tree .rc-tree-treenode.tree-closest-parent-has-selected-children::before{background:var(--plasma-tree-item-background-color-closest-parent-has-selected-children);}.b1njos1z .rc-tree .rc-tree-treenode.tree-parent-has-selected-children::before{background:var(--plasma-tree-item-background-color-parent-has-selected-children);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(--plasma-tree-item-background-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):hover::before{background:var(--plasma-tree-item-background-color-hover);}.b1njos1z .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):active::before{background:var(--plasma-tree-item-background-color-active);}.b1njos1z .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{margin:var(--plasma-tree-switcher-margin-inverted);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open .arrow{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.b1njos1z .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.b1njos1z .rc-tree-title{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{-webkit-order:1;-ms-flex-order:1;order:1;}.b1njos1z .rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.b1njos1z .rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.b1njos1z .rc-tree-node-selected .rc-tree-title{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(--plasma-tree-item-disabled-color);}.b1njos1z .rc-tree-node-selected .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.b1njos1z .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(--plasma-tree-item-disabled-color);}.b1njos1z .rc-tree-indent-unit{width:var(--plasma-tree-item-indent);}
@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var classes = {
6
6
  treeInverted: 'tree-inverted',
7
- treeItemFilled: 'tree-item-filled'
7
+ treeItemFilled: 'tree-item-filled',
8
+ parentHasSelectedChildren: 'tree-parent-has-selected-children',
9
+ closestParentHasSelectedChildren: 'tree-closest-parent-has-selected-children'
8
10
  };
9
11
  var treeTokens = {
10
12
  arrowColor: '--plasma-tree-arrow-color',
@@ -36,7 +38,9 @@ var treeTokens = {
36
38
  checkboxMargin: '--plasma-tree-checkbox-margin',
37
39
  checkboxBorderColor: '--plasma-tree-checkbox-border-color',
38
40
  checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',
39
- itemBackgroundColor: '--plasma-tree-item-background-color',
41
+ itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',
42
+ itemBackgroundColorParentHasSelectedChildren: '--plasma-tree-item-background-color-parent-has-selected-children',
43
+ itemBackgroundColorClosestParentHasSelectedChildren: '--plasma-tree-item-background-color-closest-parent-has-selected-children',
40
44
  itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',
41
45
  itemBackgroundColorActive: '--plasma-tree-item-background-color-active',
42
46
  itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',
@@ -1 +1 @@
1
- {"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n treeInverted: 'tree-inverted',\n treeItemFilled: 'tree-item-filled',\n};\n\nexport const treeTokens = {\n arrowColor: '--plasma-tree-arrow-color',\n arrowColorHover: '--plasma-tree-arrow-color-hover',\n arrowColorActive: '--plasma-tree-arrow-color-active',\n color: '--plasma-tree-color',\n colorSelected: '--plasma-tree-color-selected',\n fontFamily: '--plasma-tree-font-family',\n fontSize: '--plasma-tree-font-size',\n fontStyle: '--plasma-tree-font-style',\n fontWeight: '--plasma-tree-font-weight',\n letterSpacing: '--plasma-tree-letter-spacing',\n lineHeight: '--plasma-tree-line-height',\n itemHeight: '--plasma-tree-item-height',\n itemTop: '--plasma-tree-item-top',\n itemBottom: '--plasma-tree-item-bottom',\n itemPadding: '--plasma-tree-item-padding',\n itemPaddingTight: '--plasma-tree-item-padding-tight',\n itemIndent: '--plasma-tree-item-indent',\n itemBorderRadius: '--plasma-tree-item-border-radius',\n iconFolderMargin: '--plasma-tree-icon-folder-margin',\n iconFolderColor: '--plasma-tree-icon-folder-color',\n switcherMargin: '--plasma-tree-switcher-margin',\n switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\n switcherSize: '--plasma-tree-switcher-size',\n checkboxSize: '--plasma-tree-checkbox-size',\n checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n checkboxMargin: '--plasma-tree-checkbox-margin',\n checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n itemBackgroundColor: '--plasma-tree-item-background-color',\n itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n itemDisabledColor: '--plasma-tree-item-disabled-color',\n itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColor","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAA;AACpB,EAAC;AAEM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;;"}
1
+ {"version":3,"file":"Tree.tokens.js","sources":["../../../src/components/Tree/Tree.tokens.ts"],"sourcesContent":["export const classes = {\n treeInverted: 'tree-inverted',\n treeItemFilled: 'tree-item-filled',\n parentHasSelectedChildren: 'tree-parent-has-selected-children',\n closestParentHasSelectedChildren: 'tree-closest-parent-has-selected-children',\n};\n\nexport const treeTokens = {\n arrowColor: '--plasma-tree-arrow-color',\n arrowColorHover: '--plasma-tree-arrow-color-hover',\n arrowColorActive: '--plasma-tree-arrow-color-active',\n color: '--plasma-tree-color',\n colorSelected: '--plasma-tree-color-selected',\n fontFamily: '--plasma-tree-font-family',\n fontSize: '--plasma-tree-font-size',\n fontStyle: '--plasma-tree-font-style',\n fontWeight: '--plasma-tree-font-weight',\n letterSpacing: '--plasma-tree-letter-spacing',\n lineHeight: '--plasma-tree-line-height',\n itemHeight: '--plasma-tree-item-height',\n itemTop: '--plasma-tree-item-top',\n itemBottom: '--plasma-tree-item-bottom',\n itemPadding: '--plasma-tree-item-padding',\n itemPaddingTight: '--plasma-tree-item-padding-tight',\n itemIndent: '--plasma-tree-item-indent',\n itemBorderRadius: '--plasma-tree-item-border-radius',\n iconFolderMargin: '--plasma-tree-icon-folder-margin',\n iconFolderColor: '--plasma-tree-icon-folder-color',\n switcherMargin: '--plasma-tree-switcher-margin',\n switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',\n switcherSize: '--plasma-tree-switcher-size',\n checkboxSize: '--plasma-tree-checkbox-size',\n checkboxInnerSize: '--plasma-tree-checkbox-inner-size',\n checkboxBorderRadius: '--plasma-tree-checkbox-border-radius',\n checkboxMargin: '--plasma-tree-checkbox-margin',\n checkboxBorderColor: '--plasma-tree-checkbox-border-color',\n checkboxBackgroundColor: '--plasma-tree-checkbox-background-color',\n itemBackgroundColorSelected: '--plasma-tree-item-background-color-selected',\n itemBackgroundColorParentHasSelectedChildren: '--plasma-tree-item-background-color-parent-has-selected-children',\n itemBackgroundColorClosestParentHasSelectedChildren:\n '--plasma-tree-item-background-color-closest-parent-has-selected-children',\n itemBackgroundColorHover: '--plasma-tree-item-background-color-hover',\n itemBackgroundColorActive: '--plasma-tree-item-background-color-active',\n itemDisabledOpacity: '--plasma-tree-item-disabled-opacity',\n itemDisabledColor: '--plasma-tree-item-disabled-color',\n itemDisabledBorderColor: '--plasma-tree-item-disabled-border-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","parentHasSelectedChildren","closestParentHasSelectedChildren","treeTokens","arrowColor","arrowColorHover","arrowColorActive","color","colorSelected","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","itemHeight","itemTop","itemBottom","itemPadding","itemPaddingTight","itemIndent","itemBorderRadius","iconFolderMargin","iconFolderColor","switcherMargin","switcherMarginInverted","switcherSize","checkboxSize","checkboxInnerSize","checkboxBorderRadius","checkboxMargin","checkboxBorderColor","checkboxBackgroundColor","itemBackgroundColorSelected","itemBackgroundColorParentHasSelectedChildren","itemBackgroundColorClosestParentHasSelectedChildren","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,mCAAmC;AAC9DC,EAAAA,gCAAgC,EAAE,2CAAA;AACtC,EAAC;AAEM,IAAMC,UAAU,GAAG;AACtBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,gBAAgB,EAAE,kCAAkC;AACpDC,EAAAA,eAAe,EAAE,iCAAiC;AAClDC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,sBAAsB,EAAE,wCAAwC;AAChEC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,oBAAoB,EAAE,sCAAsC;AAC5DC,EAAAA,cAAc,EAAE,+BAA+B;AAC/CC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,2BAA2B,EAAE,8CAA8C;AAC3EC,EAAAA,4CAA4C,EAAE,kEAAkE;AAChHC,EAAAA,mDAAmD,EAC/C,0EAA0E;AAC9EC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;;"}
@@ -0,0 +1,64 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var cls = require('classnames/dedupe');
7
+ var Tree_tokens = require('../Tree.tokens.js');
8
+
9
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
+
11
+ var cls__default = /*#__PURE__*/_interopDefault(cls);
12
+
13
+ // Blazing-fast хелпер для глубокого копирования объектов.
14
+ // Ссылки на функции (React-компоненты) сохраняются.
15
+ var deepCopy = function deepCopy(obj) {
16
+ if (obj === null || _rollupPluginBabelHelpers.typeof(obj) !== 'object') {
17
+ return obj;
18
+ }
19
+ if (Array.isArray(obj)) {
20
+ return obj.map(function (item) {
21
+ return deepCopy(item);
22
+ });
23
+ }
24
+ if (obj.type && (typeof obj.type === 'function' || typeof obj.type === 'string')) {
25
+ return obj;
26
+ }
27
+ return Object.fromEntries(Object.entries(obj).map(function (_ref) {
28
+ var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
29
+ key = _ref2[0],
30
+ value = _ref2[1];
31
+ return [key, deepCopy(value)];
32
+ }));
33
+ };
34
+ var dfs = function dfs(node, selectedKeys, parents) {
35
+ var selected = selectedKeys.has(node.key);
36
+ if (node.children) {
37
+ node.children = node.children.map(function (childNode) {
38
+ return dfs(childNode, selectedKeys, [].concat(_rollupPluginBabelHelpers.toConsumableArray(parents), [node]));
39
+ });
40
+ }
41
+ if (selected && parents.length > 0) {
42
+ var _parents$at;
43
+ parents.forEach(function (parent) {
44
+ parent.className = cls__default.default(parent.className, Tree_tokens.classes.parentHasSelectedChildren);
45
+ });
46
+ (_parents$at = parents.at(-1)) === null || _parents$at === void 0 || (_parents$at = _parents$at.children) === null || _parents$at === void 0 || _parents$at.forEach(function (childNode) {
47
+ childNode.className = cls__default.default(childNode.className, Tree_tokens.classes.closestParentHasSelectedChildren);
48
+ });
49
+ }
50
+ return node;
51
+ };
52
+ var traverseTree = function traverseTree(items, selectedKeys) {
53
+ if (!selectedKeys || selectedKeys.length === 0) {
54
+ return items;
55
+ }
56
+ var copyItems = deepCopy(items);
57
+ return dfs({
58
+ key: 'root',
59
+ children: copyItems
60
+ }, new Set(selectedKeys), []).children;
61
+ };
62
+
63
+ exports.traverseTree = traverseTree;
64
+ //# sourceMappingURL=traverseTree.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"traverseTree.js","sources":["../../../../src/components/Tree/utils/traverseTree.ts"],"sourcesContent":["import type { Key } from 'react';\nimport cls from 'classnames/dedupe';\n\nimport { classes } from '../Tree.tokens';\nimport type { TreeItem } from '../Tree.types';\n\n// Blazing-fast хелпер для глубокого копирования объектов.\n// Ссылки на функции (React-компоненты) сохраняются.\nconst deepCopy = <T>(obj: T): T => {\n if (obj === null || typeof obj !== 'object') {\n return obj;\n }\n\n if (Array.isArray(obj)) {\n return (obj.map((item) => deepCopy(item)) as unknown) as T;\n }\n\n if ((obj as any).type && (typeof (obj as any).type === 'function' || typeof (obj as any).type === 'string')) {\n return obj;\n }\n\n return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepCopy(value)])) as T;\n};\n\nconst dfs = (node: TreeItem, selectedKeys: Set<Key>, parents: TreeItem[]): TreeItem => {\n const selected = selectedKeys.has(node.key);\n\n if (node.children) {\n node.children = node.children.map((childNode) => dfs(childNode, selectedKeys, [...parents, node]));\n }\n\n if (selected && parents.length > 0) {\n parents.forEach((parent) => {\n parent.className = cls(parent.className, classes.parentHasSelectedChildren);\n });\n\n parents.at(-1)?.children?.forEach((childNode) => {\n childNode.className = cls(childNode.className, classes.closestParentHasSelectedChildren);\n });\n }\n\n return node;\n};\n\nexport const traverseTree = (items: TreeItem[], selectedKeys?: Key[]): TreeItem[] => {\n if (!selectedKeys || selectedKeys.length === 0) {\n return items;\n }\n\n const copyItems = deepCopy(items);\n\n return dfs({ key: 'root', children: copyItems }, new Set(selectedKeys), []).children!;\n};\n"],"names":["deepCopy","obj","_typeof","Array","isArray","map","item","type","Object","fromEntries","entries","_ref","_ref2","_slicedToArray","key","value","dfs","node","selectedKeys","parents","selected","has","children","childNode","concat","_toConsumableArray","length","_parents$at","forEach","parent","className","cls","classes","parentHasSelectedChildren","at","closestParentHasSelectedChildren","traverseTree","items","copyItems","Set"],"mappings":"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"}