@salutejs/plasma-new-hope 0.337.0-canary.2247.17854524722.0 → 0.337.0-canary.2253.17999209101.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 (136) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +2 -2
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -2
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -2
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
  6. package/cjs/components/InformationWrapper/InformationWrapper.css +2 -2
  7. package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -2
  8. package/cjs/components/Modal/Modal.js +4 -2
  9. package/cjs/components/Modal/Modal.js.map +1 -1
  10. package/cjs/components/Pagination/Pagination.css +2 -2
  11. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  12. package/cjs/components/Range/Range.css +2 -2
  13. package/cjs/components/Select/Select.css +2 -2
  14. package/cjs/components/Select/ui/Target/Target.css +2 -2
  15. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  16. package/cjs/components/Slider/Slider.css +2 -2
  17. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
  18. package/cjs/components/Table/Table.css +2 -2
  19. package/cjs/components/Table/ui/Cell/Cell.css +2 -2
  20. package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -2
  21. package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -2
  22. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  23. package/cjs/components/TextArea/ui/Hint/Hint.css +2 -2
  24. package/cjs/components/TextField/ui/Hint/Hint.css +2 -2
  25. package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -2
  26. package/cjs/components/Tooltip/Tooltip.styles.js +5 -5
  27. package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
  28. package/cjs/components/Tooltip/Tooltip.styles_uldg0s.css +2 -0
  29. package/cjs/components/Tree/Tree.css +7 -7
  30. package/cjs/components/Tree/Tree.js +13 -4
  31. package/cjs/components/Tree/Tree.js.map +1 -1
  32. package/cjs/components/Tree/Tree.styles.js +37 -7
  33. package/cjs/components/Tree/Tree.styles.js.map +1 -1
  34. package/cjs/components/Tree/Tree.styles_doudvp.css +8 -0
  35. package/cjs/components/Tree/Tree.tokens.js +2 -1
  36. package/cjs/components/Tree/Tree.tokens.js.map +1 -1
  37. package/cjs/hooks/useFocusTrap.js +11 -5
  38. package/cjs/hooks/useFocusTrap.js.map +1 -1
  39. package/cjs/index.css +9 -9
  40. package/cjs/utils/scopeTab.js +2 -2
  41. package/cjs/utils/scopeTab.js.map +1 -1
  42. package/emotion/cjs/components/Modal/Modal.js +3 -2
  43. package/emotion/cjs/components/Tooltip/Tooltip.styles.js +5 -5
  44. package/emotion/cjs/components/Tree/Tree.js +14 -9
  45. package/emotion/cjs/components/Tree/Tree.styles.js +27 -16
  46. package/emotion/cjs/components/Tree/Tree.tokens.js +2 -1
  47. package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
  48. package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
  49. package/emotion/cjs/hooks/useFocusTrap.js +12 -5
  50. package/emotion/cjs/utils/scopeTab.js +2 -2
  51. package/emotion/es/components/Modal/Modal.js +3 -2
  52. package/emotion/es/components/Tooltip/Tooltip.styles.js +5 -5
  53. package/emotion/es/components/Tree/Tree.js +10 -5
  54. package/emotion/es/components/Tree/Tree.styles.js +27 -16
  55. package/emotion/es/components/Tree/Tree.tokens.js +2 -1
  56. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  57. package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
  58. package/emotion/es/hooks/useFocusTrap.js +12 -5
  59. package/emotion/es/utils/scopeTab.js +2 -2
  60. package/es/components/Autocomplete/Autocomplete.css +2 -2
  61. package/es/components/Combobox/ComboboxNew/Combobox.css +2 -2
  62. package/es/components/DatePicker/RangeDate/RangeDate.css +2 -2
  63. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
  64. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
  65. package/es/components/InformationWrapper/InformationWrapper.css +2 -2
  66. package/es/components/InformationWrapper/ui/Label/Label.css +2 -2
  67. package/es/components/Modal/Modal.js +4 -2
  68. package/es/components/Modal/Modal.js.map +1 -1
  69. package/es/components/Pagination/Pagination.css +2 -2
  70. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -2
  71. package/es/components/Range/Range.css +2 -2
  72. package/es/components/Select/Select.css +2 -2
  73. package/es/components/Select/ui/Target/Target.css +2 -2
  74. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -2
  75. package/es/components/Slider/Slider.css +2 -2
  76. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -2
  77. package/es/components/Table/Table.css +2 -2
  78. package/es/components/Table/ui/Cell/Cell.css +2 -2
  79. package/es/components/Table/ui/EditableCell/EditableCell.css +2 -2
  80. package/es/components/Table/ui/HeadCell/HeadCell.css +2 -2
  81. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -2
  82. package/es/components/TextArea/ui/Hint/Hint.css +2 -2
  83. package/es/components/TextField/ui/Hint/Hint.css +2 -2
  84. package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -2
  85. package/es/components/Tooltip/Tooltip.styles.js +5 -5
  86. package/es/components/Tooltip/Tooltip.styles.js.map +1 -1
  87. package/es/components/Tooltip/Tooltip.styles_uldg0s.css +2 -0
  88. package/es/components/Tree/Tree.css +7 -7
  89. package/es/components/Tree/Tree.js +12 -4
  90. package/es/components/Tree/Tree.js.map +1 -1
  91. package/es/components/Tree/Tree.styles.js +37 -7
  92. package/es/components/Tree/Tree.styles.js.map +1 -1
  93. package/es/components/Tree/Tree.styles_doudvp.css +8 -0
  94. package/es/components/Tree/Tree.tokens.js +2 -1
  95. package/es/components/Tree/Tree.tokens.js.map +1 -1
  96. package/es/hooks/useFocusTrap.js +11 -5
  97. package/es/hooks/useFocusTrap.js.map +1 -1
  98. package/es/index.css +9 -9
  99. package/es/utils/scopeTab.js +2 -2
  100. package/es/utils/scopeTab.js.map +1 -1
  101. package/package.json +2 -2
  102. package/styled-components/cjs/components/Modal/Modal.js +3 -2
  103. package/styled-components/cjs/components/Tooltip/Tooltip.styles.js +9 -9
  104. package/styled-components/cjs/components/Tree/Tree.js +14 -9
  105. package/styled-components/cjs/components/Tree/Tree.styles.js +36 -25
  106. package/styled-components/cjs/components/Tree/Tree.tokens.js +2 -1
  107. package/styled-components/cjs/examples/components/Tree/Tree.config.js +6 -6
  108. package/styled-components/cjs/hooks/useFocusTrap.js +12 -5
  109. package/styled-components/cjs/utils/scopeTab.js +2 -2
  110. package/styled-components/es/components/Modal/Modal.js +3 -2
  111. package/styled-components/es/components/Tooltip/Tooltip.styles.js +9 -9
  112. package/styled-components/es/components/Tree/Tree.js +10 -5
  113. package/styled-components/es/components/Tree/Tree.styles.js +36 -25
  114. package/styled-components/es/components/Tree/Tree.tokens.js +2 -1
  115. package/styled-components/es/examples/components/Tree/Tree.config.js +6 -6
  116. package/styled-components/es/hooks/useFocusTrap.js +12 -5
  117. package/styled-components/es/utils/scopeTab.js +2 -2
  118. package/types/components/Modal/Modal.d.ts.map +1 -1
  119. package/types/components/Modal/Modal.types.d.ts +5 -0
  120. package/types/components/Modal/Modal.types.d.ts.map +1 -1
  121. package/types/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  122. package/types/components/Tree/Tree.d.ts.map +1 -1
  123. package/types/components/Tree/Tree.styles.d.ts +4 -1
  124. package/types/components/Tree/Tree.styles.d.ts.map +1 -1
  125. package/types/components/Tree/Tree.tokens.d.ts +1 -0
  126. package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
  127. package/types/components/Tree/Tree.types.d.ts +10 -0
  128. package/types/components/Tree/Tree.types.d.ts.map +1 -1
  129. package/types/hooks/useFocusTrap.d.ts +1 -1
  130. package/types/hooks/useFocusTrap.d.ts.map +1 -1
  131. package/types/utils/scopeTab.d.ts +1 -1
  132. package/types/utils/scopeTab.d.ts.map +1 -1
  133. package/cjs/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
  134. package/cjs/components/Tree/Tree.styles_1bw3k0r.css +0 -8
  135. package/es/components/Tooltip/Tooltip.styles_1bh0sd0.css +0 -2
  136. package/es/components/Tree/Tree.styles_1bw3k0r.css +0 -8
@@ -0,0 +1,8 @@
1
+ .io9xczg{line-height:0;color:var(--plasma-tree-arrow-color);}.io9xczg:hover{color:var(--plasma-tree-arrow-color-hover);}.io9xczg:active{color:var(--plasma-tree-arrow-color-active);}
2
+ .smciu6q{-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
+
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:var(--t1bgqryr-1);}
5
+ .t1un80r8{margin:var(--plasma-tree-icon-folder-margin);overflow:var(--t1un80r8-0);text-overflow:var(--t1un80r8-1);white-space:var(--t1un80r8-2);}
6
+ .c92yb2c{line-height:0;}
7
+ .l1njos1z{left:var(--l1njos1z-0);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color );border-radius:1px;pointer-events:none;}
8
+ .bbf7gwp .rc-tree{margin:0;border:1px solid transparent;}.bbf7gwp .rc-tree-focused:not(.rc-tree-active-focused){border-color:cyan;}.bbf7gwp .rc-tree .rc-tree-treenode{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;box-sizing:border-box;margin:0;padding:var(--plasma-tree-item-padding);position:relative;z-index:0;width:100%;min-height:var(--plasma-tree-item-height);line-height:24px;white-space:nowrap;list-style:none;outline:0;}.bbf7gwp .rc-tree.tree-tight-variant .rc-tree-treenode{padding:var(--plasma-tree-item-padding-tight);}.bbf7gwp .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;}.bbf7gwp .rc-tree .rc-tree-treenode.dragging{opacity:0.28;}.bbf7gwp .rc-tree .rc-tree-treenode.drop-container::before,.bbf7gwp .rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.tree-leaf-node::before,.bbf7gwp .rc-tree:not(:has(.drop-container)) .rc-tree-treenode.drop-target.drag-over::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.bbf7gwp .rc-tree .rc-tree-treenode.filter-node > .rc-tree-node-content-wrapper{color:#a60000 !important;font-weight:bold !important;}.bbf7gwp .rc-tree .rc-tree-treenode ul{margin:0;padding:0 0 0 18px;}.bbf7gwp .rc-tree .rc-tree-treenode .rc-tree-node-content-wrapper{position:relative;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);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;width:100%;}.bbf7gwp .rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected .rc-tree-node-content-wrapper{cursor:default;}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-switcher,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-checkbox,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled span.rc-tree-iconEle{cursor:default;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-iconEle{cursor:pointer;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-icon__customize,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-icon__customize,.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-iconEle.rc-tree-icon__customize{background-image:none;}.bbf7gwp .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;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{-webkit-flex:none;-ms-flex:none;flex:none;}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher-noop{display:none;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_open{background-position:-93px -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-switcher.rc-tree-switcher_close{background-position:-75px -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox{width:13px;height:13px;margin:0 3px;background-position:0 0;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-checked{background-position:-14px 0;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-indeterminate{background-position:-14px -28px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox-disabled{background-position:0 -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-checked.rc-tree-checkbox-disabled{background-position:-14px -56px;}.bbf7gwp .rc-tree .rc-tree-treenode span.rc-tree-checkbox.rc-tree-checkbox-indeterminate.rc-tree-checkbox-disabled{position:relative;background:#ccc;border-radius:3px;}.bbf7gwp .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:' ';}.bbf7gwp .rc-tree:not(.rc-tree-show-line) .rc-tree-treenode .rc-tree-switcher-noop{background:none;}.bbf7gwp .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;}.bbf7gwp .rc-tree.rc-tree-show-line .rc-tree-treenode:not(:last-child) > .rc-tree-switcher-noop{background-position:-56px -18px;}.bbf7gwp .rc-tree.rc-tree-show-line .rc-tree-treenode:last-child > .rc-tree-switcher-noop{background-position:-56px -36px;}.bbf7gwp .rc-tree-child-tree{display:none;}.bbf7gwp .rc-tree-child-tree-open{display:block;}.bbf7gwp .rc-tree-treenode-disabled > span:not(.rc-tree-switcher),.bbf7gwp .rc-tree-treenode-disabled > a,.bbf7gwp .rc-tree-treenode-disabled > a span{color:#767676;cursor:not-allowed;}.bbf7gwp .rc-tree-treenode-active{background:rgba(0,0,0,0.1);}.bbf7gwp .rc-tree-node-selected{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.bbf7gwp .rc-tree-icon__open{margin-right:0;vertical-align:top;background-position:-110px -16px;}.bbf7gwp .rc-tree-icon__close{margin-right:0;vertical-align:top;background-position:-110px 0;}.bbf7gwp .rc-tree-icon__docu{margin-right:0;vertical-align:top;background-position:-110px -32px;}.bbf7gwp .rc-tree-icon__customize{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.bbf7gwp .rc-tree-title{display:grid;width:100%;}.bbf7gwp .rc-tree-indent{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.bbf7gwp .rc-tree-indent-unit{display:inline-block;width:16px;}.bbf7gwp .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;}.bbf7gwp .rc-tree,.bbf7gwp .rc-tree-list{border:none !important;}.bbf7gwp .rc-tree .rc-tree-list-holder{overflow:hidden auto;}.bbf7gwp .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);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-node-content-wrapper,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-switcher,.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-checkbox{opacity:var(--plasma-tree-item-disabled-opacity);}.bbf7gwp .rc-tree.tree-item-filled .rc-tree-treenode::before{inset:0;border-radius:0;}.bbf7gwp .rc-tree .rc-tree-treenode.tree-item-has-selected-children:not(.rc-tree-treenode-disabled) .rc-tree-title{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.tree-item-has-selected-children:not(.rc-tree-treenode-disabled) .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.tree-item-primary-background::before{background:var(--plasma-tree-item-background-color-primary);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-selected::before{background:var(--plasma-tree-item-background-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected):hover::before{background:var(--plasma-tree-item-background-color-hover);}.bbf7gwp .rc-tree .rc-tree-treenode:not(.rc-tree-treenode-disabled):not(.rc-tree.tree-radio-mode .rc-tree-treenode.rc-tree-treenode-selected):active::before{background:var(--plasma-tree-item-background-color-active);}.bbf7gwp .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;}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{margin:var(--plasma-tree-switcher-margin-inverted);}.bbf7gwp .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);}.bbf7gwp .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);}.bbf7gwp .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);}.bbf7gwp .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;}.bbf7gwp .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;}.bbf7gwp .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);}.bbf7gwp .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");}.bbf7gwp .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");}.bbf7gwp .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);}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode span.rc-tree-switcher{-webkit-order:1;-ms-flex-order:1;order:1;}.bbf7gwp .rc-tree.tree-inverted .rc-tree-treenode::before{left:0;}.bbf7gwp .rc-tree-node-selected{opacity:1;box-shadow:none;background:none;}.bbf7gwp .rc-tree-node-selected .rc-tree-title{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-title{color:var(--plasma-tree-item-disabled-color);}.bbf7gwp .rc-tree-node-selected .rc-tree-icon__customize{color:var(--plasma-tree-color-selected);}.bbf7gwp .rc-tree .rc-tree-treenode.rc-tree-treenode-disabled .rc-tree-icon__customize{color:var(--plasma-tree-item-disabled-color);}.bbf7gwp .rc-tree-indent-unit{width:var(--plasma-tree-item-indent);}
@@ -4,7 +4,8 @@ var classes = {
4
4
  treeItemPrimaryBackground: 'tree-item-primary-background',
5
5
  treeItemHasSelectedChildren: 'tree-item-has-selected-children',
6
6
  treeRadioMode: 'tree-radio-mode',
7
- treeLeafNode: 'tree-leaf-node'
7
+ treeLeafNode: 'tree-leaf-node',
8
+ treeTightVariant: 'tree-tight-variant'
8
9
  };
9
10
  var treeTokens = {
10
11
  arrowColor: '--plasma-tree-arrow-color',
@@ -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 treeItemPrimaryBackground: 'tree-item-primary-background',\n treeItemHasSelectedChildren: 'tree-item-has-selected-children',\n treeRadioMode: 'tree-radio-mode',\n treeLeafNode: 'tree-leaf-node',\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 itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',\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 itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',\n itemDraggableLineColor: '--plasma-tree-item-draggable-line-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeItemPrimaryBackground","treeItemHasSelectedChildren","treeRadioMode","treeLeafNode","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","itemBackgroundColorPrimary","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor","itemDraggableBorderColor","itemDraggableLineColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,2BAA2B,EAAE,iCAAiC;AAC9DC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,YAAY,EAAE,gBAAA;AAClB,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,0BAA0B,EAAE,6CAA6C;AACzEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,sBAAsB,EAAE,yCAAA;AAC5B;;;;"}
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 treeItemPrimaryBackground: 'tree-item-primary-background',\n treeItemHasSelectedChildren: 'tree-item-has-selected-children',\n treeRadioMode: 'tree-radio-mode',\n treeLeafNode: 'tree-leaf-node',\n treeTightVariant: 'tree-tight-variant',\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 itemBackgroundColorPrimary: '--plasma-tree-item-background-color-primary',\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 itemDraggableBorderColor: '--plasma-tree-item-draggable-border-color',\n itemDraggableLineColor: '--plasma-tree-item-draggable-line-color',\n};\n"],"names":["classes","treeInverted","treeItemFilled","treeItemPrimaryBackground","treeItemHasSelectedChildren","treeRadioMode","treeLeafNode","treeTightVariant","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","itemBackgroundColorPrimary","itemBackgroundColorHover","itemBackgroundColorActive","itemDisabledOpacity","itemDisabledColor","itemDisabledBorderColor","itemDraggableBorderColor","itemDraggableLineColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,cAAc,EAAE,kBAAkB;AAClCC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,2BAA2B,EAAE,iCAAiC;AAC9DC,EAAAA,aAAa,EAAE,iBAAiB;AAChCC,EAAAA,YAAY,EAAE,gBAAgB;AAC9BC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB,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,0BAA0B,EAAE,6CAA6C;AACzEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,yBAAyB,EAAE,4CAA4C;AACvEC,EAAAA,mBAAmB,EAAE,qCAAqC;AAC1DC,EAAAA,iBAAiB,EAAE,mCAAmC;AACtDC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,sBAAsB,EAAE,yCAAA;AAC5B;;;;"}
@@ -47,13 +47,14 @@ var useFocusTrap = function useFocusTrap() {
47
47
  var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
48
48
  var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
49
49
  var focusAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
50
+ var enableOnFirstMount = arguments.length > 4 ? arguments[4] : undefined;
50
51
  var ref = useRef();
51
52
  var setRef = useCallback(function (node) {
52
53
  if (ref.current) {
53
54
  focusManager.teardownScopedFocus();
54
55
  focusManager.returnFocus();
55
56
  }
56
- if (active && node) {
57
+ if ((active || enableOnFirstMount) && node) {
57
58
  focusManager.setupScopedFocus(node);
58
59
  focusManager.markForFocusAfter(focusAfterNode);
59
60
 
@@ -71,21 +72,26 @@ var useFocusTrap = function useFocusTrap() {
71
72
  return;
72
73
  }
73
74
  ref.current = null;
74
- }, [active, firstFocusSelector]);
75
+ }, [active, enableOnFirstMount, firstFocusSelector]);
75
76
  useEffect(function () {
76
- if (!active) {
77
+ if (!active && !enableOnFirstMount) {
77
78
  return;
78
79
  }
79
80
  var handleKeyDown = function handleKeyDown(event) {
80
81
  if (event.key === 'Tab' && ref.current) {
81
- scopeTab(ref.current, event);
82
+ scopeTab(ref.current, event, active);
83
+ if (enableOnFirstMount) {
84
+ setTimeout(function () {
85
+ focusManager.teardownScopedFocus();
86
+ });
87
+ }
82
88
  }
83
89
  };
84
90
  document.addEventListener('keydown', handleKeyDown);
85
91
  return function () {
86
92
  document.removeEventListener('keydown', handleKeyDown);
87
93
  };
88
- }, [active]);
94
+ }, [active, enableOnFirstMount]);
89
95
  return setRef;
90
96
  };
91
97
 
@@ -1 +1 @@
1
- {"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n node: HTMLElement,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n let focusElement: HTMLElement | null = null;\n if (firstFocusSelector) {\n if (typeof firstFocusSelector === 'string') {\n focusElement = node.querySelector(firstFocusSelector);\n } else if (firstFocusSelector.current) {\n focusElement = firstFocusSelector.current;\n }\n }\n\n if (!focusElement) {\n const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n focusElement = children.find((el) => isTabble(el)) || null;\n }\n\n // Если ничего не нашлось, то может ли сама нода быть под фокусом\n if (!focusElement && isFocusable(node)) {\n focusElement = node;\n }\n\n return focusElement;\n};\n\nconst processNode = (\n node: HTMLElement,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n if (ref?.current) {\n ref.current.removeEventListener('animationend', () => {\n processNode(node, firstFocusSelector, ref);\n });\n }\n const focusElement = getFocusElement(node, firstFocusSelector);\n\n if (focusElement) {\n focusElement.focus();\n }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n * Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n active = true,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n focusAfterNode?: React.RefObject<HTMLElement>,\n focusAfterAnimation?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n const ref = useRef<HTMLElement | null>();\n\n const setRef = useCallback(\n (node: HTMLElement | null) => {\n if (ref.current) {\n focusManager.teardownScopedFocus();\n focusManager.returnFocus();\n }\n\n if (active && node) {\n focusManager.setupScopedFocus(node);\n focusManager.markForFocusAfter(focusAfterNode);\n\n // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n setTimeout(() => {\n if (ref?.current && node.ownerDocument && focusAfterAnimation) {\n ref.current.addEventListener('animationend', () => {\n processNode(node, firstFocusSelector, ref);\n });\n } else if (node.ownerDocument) {\n processNode(node, firstFocusSelector);\n }\n });\n\n ref.current = node;\n return;\n }\n\n ref.current = null;\n },\n [active, firstFocusSelector],\n );\n\n useEffect(() => {\n if (!active) {\n return;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && ref.current) {\n scopeTab(ref.current, event);\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [active]);\n\n return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","focusAfterAnimation","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}
1
+ {"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n node: HTMLElement,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n let focusElement: HTMLElement | null = null;\n if (firstFocusSelector) {\n if (typeof firstFocusSelector === 'string') {\n focusElement = node.querySelector(firstFocusSelector);\n } else if (firstFocusSelector.current) {\n focusElement = firstFocusSelector.current;\n }\n }\n\n if (!focusElement) {\n const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n focusElement = children.find((el) => isTabble(el)) || null;\n }\n\n // Если ничего не нашлось, то может ли сама нода быть под фокусом\n if (!focusElement && isFocusable(node)) {\n focusElement = node;\n }\n\n return focusElement;\n};\n\nconst processNode = (\n node: HTMLElement,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n if (ref?.current) {\n ref.current.removeEventListener('animationend', () => {\n processNode(node, firstFocusSelector, ref);\n });\n }\n const focusElement = getFocusElement(node, firstFocusSelector);\n\n if (focusElement) {\n focusElement.focus();\n }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n * Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n active = true,\n firstFocusSelector?: string | React.RefObject<HTMLElement>,\n focusAfterNode?: React.RefObject<HTMLElement>,\n focusAfterAnimation?: boolean,\n enableOnFirstMount?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n const ref = useRef<HTMLElement | null>();\n\n const setRef = useCallback(\n (node: HTMLElement | null) => {\n if (ref.current) {\n focusManager.teardownScopedFocus();\n focusManager.returnFocus();\n }\n\n if ((active || enableOnFirstMount) && node) {\n focusManager.setupScopedFocus(node);\n focusManager.markForFocusAfter(focusAfterNode);\n\n // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n setTimeout(() => {\n if (ref?.current && node.ownerDocument && focusAfterAnimation) {\n ref.current.addEventListener('animationend', () => {\n processNode(node, firstFocusSelector, ref);\n });\n } else if (node.ownerDocument) {\n processNode(node, firstFocusSelector);\n }\n });\n\n ref.current = node;\n return;\n }\n\n ref.current = null;\n },\n [active, enableOnFirstMount, firstFocusSelector],\n );\n\n useEffect(() => {\n if (!active && !enableOnFirstMount) {\n return;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab' && ref.current) {\n scopeTab(ref.current, event, active);\n\n if (enableOnFirstMount) {\n setTimeout(() => {\n focusManager.teardownScopedFocus();\n });\n }\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [active, enableOnFirstMount]);\n\n return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","focusAfterAnimation","enableOnFirstMount","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}
package/es/index.css CHANGED
@@ -461,8 +461,8 @@
461
461
  .Dropdown_styles_3w3l45_s1rwu6ky__59648b20 .Dropdown_styles_3w3l45_popoverTarget__59648b20{display:block;}
462
462
  .Dropdown_styles_3w3l45_s10jhp3l__59648b20{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
463
463
 
464
- .Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;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-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
465
- .Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{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;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
464
+ .Tooltip_styles_uldg0s_teczcv4__f329846b{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;padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
465
+ .Tooltip_styles_uldg0s_s1j361h1__f329846b{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;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
466
466
 
467
467
  .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
468
468
 
@@ -926,14 +926,14 @@
926
926
  .Dropzone_styles_1its6my_d1r2tsr1__4bf7a496{visibility:hidden;position:absolute;z-index:-9999;opacity:0;}
927
927
  .Dropzone_styles_1its6my_h9wsl68__4bf7a496{display:none;}
928
928
 
929
- .Tree_styles_1bw3k0r_io9xczg__2a5eff5f{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1bw3k0r_io9xczg__2a5eff5f:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1bw3k0r_io9xczg__2a5eff5f:active{color:var(--plasma-tree-arrow-color-active);}
930
- .Tree_styles_1bw3k0r_smciu6q__2a5eff5f{-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;}
929
+ .Tree_styles_doudvp_io9xczg__d3db97d1{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_doudvp_io9xczg__d3db97d1:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_doudvp_io9xczg__d3db97d1:active{color:var(--plasma-tree-arrow-color-active);}
930
+ .Tree_styles_doudvp_smciu6q__d3db97d1{-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;}
931
931
 
932
- .Tree_styles_1bw3k0r_t1bgqryr__2a5eff5f{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;}
933
- .Tree_styles_1bw3k0r_t1un80r8__2a5eff5f{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
934
- .Tree_styles_1bw3k0r_c92yb2c__2a5eff5f{line-height:0;}
935
- .Tree_styles_1bw3k0r_l1njos1z__2a5eff5f{left:var(--l1njos1z-0);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color );border-radius:1px;pointer-events:none;}
936
- .Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f{margin:0;border:1px solid transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeFocused__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeActiveFocused__2a5eff5f){border-color:cyan;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_draggable__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dragging__2a5eff5f{opacity:0.28;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropContainer__2a5eff5f::before,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(:has(.Tree_styles_1bw3k0r_dropContainer__2a5eff5f)) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropTarget__2a5eff5f.Tree_styles_1bw3k0r_treeLeafNode__2a5eff5f::before,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(:has(.Tree_styles_1bw3k0r_dropContainer__2a5eff5f)) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropTarget__2a5eff5f.Tree_styles_1bw3k0r_dragOver__2a5eff5f::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_filterNode__2a5eff5f > .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{cursor:default;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f{cursor:default;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f{cursor:pointer;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{background-image:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIcon_loading__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{display:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f{background-position:-93px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_close__2a5eff5f{background-position:-75px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f{background-position:-14px 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f{background-position:-14px -28px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{background-position:0 -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{background-position:-14px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f::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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(:last-child) > .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background-position:-56px -18px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:last-child > .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background-position:-56px -36px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeChildTree__2a5eff5f{display:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeChildTreeOpen__2a5eff5f{display:block;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > span:not(.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f),.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > a,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeActive__2a5eff5f{background:rgba(0,0,0,0.1);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__open__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__close__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__docu__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{display:inline-block;width:100%;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndent__2a5eff5f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndentUnit__2a5eff5f{display:inline-block;width:16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeDraggableIcon__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeList__2a5eff5f{border:none !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeListHolder__2a5eff5f{overflow:hidden auto;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeItemFilled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f:not(tree-item-filled) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeItemFilled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{inset:0;border-radius:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemHasSelectedChildren__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemHasSelectedChildren__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemPrimaryBackground__2a5eff5f::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f):not(.Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f):not(.Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_close__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f::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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f::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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f::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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{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_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{left:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f{opacity:1;box-shadow:none;background:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndentUnit__2a5eff5f{width:var(--plasma-tree-item-indent);}
932
+ .Tree_styles_doudvp_t1bgqryr__d3db97d1{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:var(--t1bgqryr-1);}
933
+ .Tree_styles_doudvp_t1un80r8__d3db97d1{margin:var(--plasma-tree-icon-folder-margin);overflow:var(--t1un80r8-0);text-overflow:var(--t1un80r8-1);white-space:var(--t1un80r8-2);}
934
+ .Tree_styles_doudvp_c92yb2c__d3db97d1{line-height:0;}
935
+ .Tree_styles_doudvp_l1njos1z__d3db97d1{left:var(--l1njos1z-0);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color );border-radius:1px;pointer-events:none;}
936
+ .Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1{margin:0;border:1px solid transparent;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeFocused__d3db97d1:not(.Tree_styles_doudvp_rcTreeActiveFocused__d3db97d1){border-color:cyan;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1{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;box-sizing:border-box;margin:0;padding:var(--plasma-tree-item-padding);position:relative;z-index:0;width:100%;min-height:var(--plasma-tree-item-height);line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeTightVariant__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1{padding:var(--plasma-tree-item-padding-tight);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 .Tree_styles_doudvp_draggable__d3db97d1{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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_dragging__d3db97d1{opacity:0.28;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_dropContainer__d3db97d1::before,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1:not(:has(.Tree_styles_doudvp_dropContainer__d3db97d1)) .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_dropTarget__d3db97d1.Tree_styles_doudvp_treeLeafNode__d3db97d1::before,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1:not(:has(.Tree_styles_doudvp_dropContainer__d3db97d1)) .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_dropTarget__d3db97d1.Tree_styles_doudvp_dragOver__d3db97d1::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_filterNode__d3db97d1 > .Tree_styles_doudvp_rcTreeNodeContentWrapper__d3db97d1{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 .Tree_styles_doudvp_rcTreeNodeContentWrapper__d3db97d1{position:relative;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);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;width:100%;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeRadioMode__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeSelected__d3db97d1 .Tree_styles_doudvp_rcTreeNodeContentWrapper__d3db97d1{cursor:default;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 .Tree_styles_doudvp_rcTreeNodeContentWrapper__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 span.Tree_styles_doudvp_rcTreeIconEle__d3db97d1{cursor:default;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeIconEle__d3db97d1{cursor:pointer;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1.Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeIconEle__d3db97d1.Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1{background-image:none;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeIcon_loading__d3db97d1{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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcherNoop__d3db97d1{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeInverted__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcherNoop__d3db97d1{display:none;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcher_open__d3db97d1{background-position:-93px -56px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcher_close__d3db97d1{background-position:-75px -56px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckboxChecked__d3db97d1{background-position:-14px 0;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckboxIndeterminate__d3db97d1{background-position:-14px -28px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckboxDisabled__d3db97d1{background-position:0 -56px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxChecked__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxDisabled__d3db97d1{background-position:-14px -56px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxIndeterminate__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxDisabled__d3db97d1{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxIndeterminate__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxDisabled__d3db97d1::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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1:not(.Tree_styles_doudvp_rcTreeShowLine__d3db97d1) .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 .Tree_styles_doudvp_rcTreeSwitcherNoop__d3db97d1{background:none;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_rcTreeShowLine__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_rcTreeShowLine__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1:not(:last-child) > .Tree_styles_doudvp_rcTreeSwitcherNoop__d3db97d1{background-position:-56px -18px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_rcTreeShowLine__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1:last-child > .Tree_styles_doudvp_rcTreeSwitcherNoop__d3db97d1{background-position:-56px -36px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeChildTree__d3db97d1{display:none;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeChildTreeOpen__d3db97d1{display:block;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 > span:not(.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1),.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 > a,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeTreenodeActive__d3db97d1{background:rgba(0,0,0,0.1);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeNodeSelected__d3db97d1{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIcon__open__d3db97d1{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIcon__close__d3db97d1{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIcon__docu__d3db97d1{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeTitle__d3db97d1{display:grid;width:100%;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIndent__d3db97d1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIndentUnit__d3db97d1{display:inline-block;width:16px;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeDraggableIcon__d3db97d1{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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeList__d3db97d1{border:none !important;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeListHolder__d3db97d1{overflow:hidden auto;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1::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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 .Tree_styles_doudvp_rcTreeNodeContentWrapper__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 .Tree_styles_doudvp_rcTreeSwitcher__d3db97d1,.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 .Tree_styles_doudvp_rcTreeCheckbox__d3db97d1{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeItemFilled__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1::before{inset:0;border-radius:0;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_treeItemHasSelectedChildren__d3db97d1:not(.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1) .Tree_styles_doudvp_rcTreeTitle__d3db97d1{color:var(--plasma-tree-color-selected);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_treeItemHasSelectedChildren__d3db97d1:not(.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1) .Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1{color:var(--plasma-tree-color-selected);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_treeItemPrimaryBackground__d3db97d1::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeSelected__d3db97d1::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1:not(.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1):not(.Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeRadioMode__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeSelected__d3db97d1):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1:not(.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1):not(.Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeRadioMode__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeSelected__d3db97d1):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1{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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeInverted__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcher_open__d3db97d1 .Tree_styles_doudvp_arrow__d3db97d1{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeInverted__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcher_close__d3db97d1 .Tree_styles_doudvp_arrow__d3db97d1{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeInverted__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1.Tree_styles_doudvp_rcTreeSwitcher_open__d3db97d1 .Tree_styles_doudvp_arrow__d3db97d1{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1{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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1::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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckboxChecked__d3db97d1::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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeCheckbox__d3db97d1.Tree_styles_doudvp_rcTreeCheckboxIndeterminate__d3db97d1::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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeTitle__d3db97d1{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_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeInverted__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1 span.Tree_styles_doudvp_rcTreeSwitcher__d3db97d1{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1.Tree_styles_doudvp_treeInverted__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1::before{left:0;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeNodeSelected__d3db97d1{opacity:1;box-shadow:none;background:none;}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeNodeSelected__d3db97d1 .Tree_styles_doudvp_rcTreeTitle__d3db97d1{color:var(--plasma-tree-color-selected);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 .Tree_styles_doudvp_rcTreeTitle__d3db97d1{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeNodeSelected__d3db97d1 .Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1{color:var(--plasma-tree-color-selected);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTree__d3db97d1 .Tree_styles_doudvp_rcTreeTreenode__d3db97d1.Tree_styles_doudvp_rcTreeTreenodeDisabled__d3db97d1 .Tree_styles_doudvp_rcTreeIcon__customize__d3db97d1{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_doudvp_bbf7gwp__d3db97d1 .Tree_styles_doudvp_rcTreeIndentUnit__d3db97d1{width:var(--plasma-tree-item-indent);}
937
937
 
938
938
  .Rating_styles_dg76kk_b1s2z5a7__2d85726b{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
939
939
 
@@ -5,7 +5,7 @@ import { findTabbableDescendants } from './tabbable.js';
5
5
  * @param node
6
6
  * @param event
7
7
  */
8
- var scopeTab = function scopeTab(node, event) {
8
+ var scopeTab = function scopeTab(node, event, activeFocusTrap) {
9
9
  var tabbable = findTabbableDescendants(node);
10
10
  if (!tabbable.length) {
11
11
  event.preventDefault();
@@ -17,7 +17,7 @@ var scopeTab = function scopeTab(node, event) {
17
17
  var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
18
18
 
19
19
  // если не является, то передаем обработку таба самому браузеру
20
- if (!leavingFinalTabbable) {
20
+ if (!leavingFinalTabbable || !activeFocusTrap) {
21
21
  return;
22
22
  }
23
23
 
@@ -1 +1 @@
1
- {"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent) => {\n const tabbable = findTabbableDescendants(node);\n if (!tabbable.length) {\n event.preventDefault();\n return;\n }\n\n // смотрим, является ли элемент крайним - первый или последним\n const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n // если не является, то передаем обработку таба самому браузеру\n if (!leavingFinalTabbable) {\n return;\n }\n\n // иначе зацкливаемся\n event.preventDefault();\n const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n if (target) {\n target.focus();\n }\n};\n"],"names":["scopeTab","node","event","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","target","focus"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAK;AACjE,EAAA,IAAMC,QAAQ,GAAGC,uBAAuB,CAACH,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACE,QAAQ,CAACE,MAAM,EAAE;IAClBH,KAAK,CAACI,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,QAAQ,CAACD,KAAK,CAACM,QAAQ,GAAG,CAAC,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIV,IAAI,KAAKS,QAAQ,CAACC,aAAa,CAAA;;AAExG;EACA,IAAI,CAACF,oBAAoB,EAAE;AACvB,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAP,KAAK,CAACI,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMM,MAAM,GAAGT,QAAQ,CAACD,KAAK,CAACM,QAAQ,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIO,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => {\n const tabbable = findTabbableDescendants(node);\n if (!tabbable.length) {\n event.preventDefault();\n return;\n }\n\n // смотрим, является ли элемент крайним - первый или последним\n const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n // если не является, то передаем обработку таба самому браузеру\n if (!leavingFinalTabbable || !activeFocusTrap) {\n return;\n }\n\n // иначе зацкливаемся\n event.preventDefault();\n const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n if (target) {\n target.focus();\n }\n};\n"],"names":["scopeTab","node","event","activeFocusTrap","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","target","focus"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAEC,eAAyB,EAAK;AAC5F,EAAA,IAAMC,QAAQ,GAAGC,uBAAuB,CAACJ,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACG,QAAQ,CAACE,MAAM,EAAE;IAClBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,QAAQ,CAACF,KAAK,CAACO,QAAQ,GAAG,CAAC,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIX,IAAI,KAAKU,QAAQ,CAACC,aAAa,CAAA;;AAExG;AACA,EAAA,IAAI,CAACF,oBAAoB,IAAI,CAACP,eAAe,EAAE;AAC3C,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAD,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMM,MAAM,GAAGT,QAAQ,CAACF,KAAK,CAACO,QAAQ,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIO,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.337.0-canary.2247.17854524722.0",
3
+ "version": "0.337.0-canary.2253.17999209101.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "2bf2d44a6ee392bb70623a5c413d145fec58f267"
140
+ "gitHead": "982bd027e3a864c998f36352eb4563b4ad17d469"
141
141
  }
@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
130
130
  var Popup = (0, _engines.component)(_Popup.popupConfig);
131
131
  var modalRoot = function(Root) {
132
132
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
133
- var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
133
+ var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, _param_isFocusTrapped = _param.isFocusTrapped, isFocusTrapped = _param_isFocusTrapped === void 0 ? true : _param_isFocusTrapped, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
134
134
  "id",
135
135
  "withAnimation",
136
136
  "onClose",
@@ -139,6 +139,7 @@ var modalRoot = function(Root) {
139
139
  "closeOnEsc",
140
140
  "closeOnOverlayClick",
141
141
  "withBlur",
142
+ "isFocusTrapped",
142
143
  "initialFocusRef",
143
144
  "focusAfterRef",
144
145
  "zIndex",
@@ -154,7 +155,7 @@ var modalRoot = function(Root) {
154
155
  ]);
155
156
  var innerIsOpen = Boolean(isOpen || opened);
156
157
  var innerHasClose = hasClose === undefined && hasBody || hasClose;
157
- var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
158
+ var trapRef = (0, _hooks.useFocusTrap)(isFocusTrapped, initialFocusRef, focusAfterRef, true, !isFocusTrapped);
158
159
  var popupController = (0, _Popup.usePopupContext)();
159
160
  var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
160
161
  var uniqId = (0, _utils.safeUseId)();
@@ -25,14 +25,16 @@ function _interop_require_default(obj) {
25
25
  }
26
26
  var TooltipRoot = _styledcomponents.default.div.withConfig({
27
27
  displayName: "Tooltip.styles__TooltipRoot",
28
- componentId: "sc-e6446bfb-0"
28
+ componentId: "sc-7a496a90-0"
29
29
  })([
30
- "padding:var(",
30
+ "display:flex;align-items:center;padding:var(",
31
31
  ") var(",
32
32
  ") var(",
33
33
  ") var(",
34
34
  ");min-height:var(",
35
- ");box-sizing:border-box;background-color:var(",
35
+ ");max-width:",
36
+ ";min-width:",
37
+ ";width:max-content;background-color:var(",
36
38
  ");border-radius:var(",
37
39
  ");box-shadow:var(",
38
40
  ");color:var(",
@@ -42,19 +44,17 @@ var TooltipRoot = _styledcomponents.default.div.withConfig({
42
44
  ");font-weight:var(",
43
45
  ");letter-spacing:var(",
44
46
  ");line-height:var(",
45
- ");max-width:",
46
- ";min-width:",
47
- ";width:max-content;word-break:break-word;pointer-events:none;display:flex;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
48
- ], _Tooltiptokens.tokens.paddingTop, _Tooltiptokens.tokens.paddingRight, _Tooltiptokens.tokens.paddingBottom, _Tooltiptokens.tokens.paddingLeft, _Tooltiptokens.tokens.minHeight, _Tooltiptokens.tokens.backgroundColor, _Tooltiptokens.tokens.borderRadius, _Tooltiptokens.tokens.boxShadow, _Tooltiptokens.tokens.color, _Tooltiptokens.tokens.textFontFamily, _Tooltiptokens.tokens.textFontSize, _Tooltiptokens.tokens.textFontStyle, _Tooltiptokens.tokens.textFontWeight, _Tooltiptokens.tokens.textFontLetterSpacing, _Tooltiptokens.tokens.textFontLineHeight, function(param) {
47
+ ");box-sizing:border-box;word-break:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"
48
+ ], _Tooltiptokens.tokens.paddingTop, _Tooltiptokens.tokens.paddingRight, _Tooltiptokens.tokens.paddingBottom, _Tooltiptokens.tokens.paddingLeft, _Tooltiptokens.tokens.minHeight, function(param) {
49
49
  var maxWidth = param.maxWidth;
50
50
  return maxWidth || 'unset';
51
51
  }, function(param) {
52
52
  var minWidth = param.minWidth;
53
53
  return minWidth || 'unset';
54
- });
54
+ }, _Tooltiptokens.tokens.backgroundColor, _Tooltiptokens.tokens.borderRadius, _Tooltiptokens.tokens.boxShadow, _Tooltiptokens.tokens.color, _Tooltiptokens.tokens.textFontFamily, _Tooltiptokens.tokens.textFontSize, _Tooltiptokens.tokens.textFontStyle, _Tooltiptokens.tokens.textFontWeight, _Tooltiptokens.tokens.textFontLetterSpacing, _Tooltiptokens.tokens.textFontLineHeight);
55
55
  var StyledContentLeft = _styledcomponents.default.div.withConfig({
56
56
  displayName: "Tooltip.styles__StyledContentLeft",
57
- componentId: "sc-e6446bfb-1"
57
+ componentId: "sc-7a496a90-1"
58
58
  })([
59
59
  "display:flex;align-items:center;margin-right:var(",
60
60
  ");height:var(",
@@ -18,9 +18,9 @@ _export(exports, {
18
18
  });
19
19
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
20
  var _rctree = /*#__PURE__*/ _interop_require_default(require("rc-tree"));
21
- var _utils = require("../../utils");
21
+ var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
22
22
  var _Treestyles = require("./Tree.styles");
23
- var _utils1 = require("./utils");
23
+ var _utils = require("./utils");
24
24
  var _Treetokens = require("./Tree.tokens");
25
25
  function _array_like_to_array(arr, len) {
26
26
  if (len == null || len > arr.length) len = arr.length;
@@ -168,7 +168,7 @@ function _unsupported_iterable_to_array(o, minLen) {
168
168
  }
169
169
  var treeRoot = function(Root) {
170
170
  return /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
171
- var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
171
+ var items = param.items, _param_arrowPlacement = param.arrowPlacement, arrowPlacement = _param_arrowPlacement === void 0 ? 'left' : _param_arrowPlacement, _param_virtual = param.virtual, virtual = _param_virtual === void 0 ? true : _param_virtual, height = param.height, itemHeight = param.itemHeight, size = param.size, view = param.view, variant = param.variant, _param_fullWidthItemSelection = param.fullWidthItemSelection, fullWidthItemSelection = _param_fullWidthItemSelection === void 0 ? false : _param_fullWidthItemSelection, _param_multiple = param.multiple, multiple = _param_multiple === void 0 ? false : _param_multiple, _param_defaultExpandAll = param.defaultExpandAll, defaultExpandAll = _param_defaultExpandAll === void 0 ? false : _param_defaultExpandAll, _param_autoExpandParent = param.autoExpandParent, autoExpandParent = _param_autoExpandParent === void 0 ? false : _param_autoExpandParent, _param_checkable = param.checkable, checkable = _param_checkable === void 0 ? false : _param_checkable, outerSelectedKeys = param.selectedKeys, checkedKeys = param.checkedKeys, expandedKeys = param.expandedKeys, defaultCheckedKeys = param.defaultCheckedKeys, defaultExpandedKeys = param.defaultExpandedKeys, defaultSelectedKeys = param.defaultSelectedKeys, className = param.className, onTreeSelect = param.onTreeSelect, onTreeCheck = param.onTreeCheck, onTreeExpand = param.onTreeExpand, _param_hasIcon = param.hasIcon, hasIcon = _param_hasIcon === void 0 ? false : _param_hasIcon, icon = param.icon, renderTitle = param.renderTitle, _param_singleLine = param.singleLine, singleLine = _param_singleLine === void 0 ? true : _param_singleLine, _param_mode = param.mode, mode = _param_mode === void 0 ? 'default' : _param_mode, _param_draggable = param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, onDragStart = param.onDragStart, onDragEnter = param.onDragEnter, onDragOver = param.onDragOver, onDragLeave = param.onDragLeave, onDragEnd = param.onDragEnd, onDrop = param.onDrop, allowDrop = param.allowDrop;
172
172
  var _useState = _sliced_to_array((0, _react.useState)(defaultSelectedKeys || []), 2), selected = _useState[0], setSelected = _useState[1];
173
173
  var selectedKeys = outerSelectedKeys !== null && outerSelectedKeys !== void 0 ? outerSelectedKeys : selected;
174
174
  var isRadioMode = mode === 'radio' && !multiple;
@@ -184,10 +184,11 @@ var treeRoot = function(Root) {
184
184
  var invertedClass = arrowPlacement === 'right' ? _Treetokens.classes.treeInverted : undefined;
185
185
  var itemFilledClass = fullWidthItemSelection ? _Treetokens.classes.treeItemFilled : undefined;
186
186
  var radioModeClass = isRadioMode ? _Treetokens.classes.treeRadioMode : undefined;
187
+ var tightVariantClass = variant === 'tight' ? _Treetokens.classes.treeTightVariant : undefined;
187
188
  // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,
188
189
  // чтобы соблюсти иерархию вложенности в UI.
189
190
  var treeData = (0, _react.useMemo)(function() {
190
- return (0, _utils1.traverseTree)(items, selectedKeys);
191
+ return (0, _utils.traverseTree)(items, selectedKeys);
191
192
  }, [
192
193
  items,
193
194
  selectedKeys
@@ -195,6 +196,7 @@ var treeRoot = function(Root) {
195
196
  return /*#__PURE__*/ _react.default.createElement(Root, {
196
197
  view: view,
197
198
  size: size,
199
+ variant: variant,
198
200
  ref: ref,
199
201
  items: items
200
202
  }, /*#__PURE__*/ _react.default.createElement(_rctree.default, _object_spread_props(_object_spread({
@@ -203,7 +205,7 @@ var treeRoot = function(Root) {
203
205
  virtual: virtual,
204
206
  multiple: multiple,
205
207
  checkable: checkable,
206
- className: (0, _utils.cx)(className, invertedClass, itemFilledClass, radioModeClass),
208
+ className: (0, _classnames.default)(className, invertedClass, itemFilledClass, radioModeClass, tightVariantClass),
207
209
  defaultExpandAll: defaultExpandAll,
208
210
  autoExpandParent: autoExpandParent,
209
211
  style: {
@@ -227,20 +229,23 @@ var treeRoot = function(Root) {
227
229
  return null;
228
230
  }
229
231
  return /*#__PURE__*/ _react.default.createElement(_Treestyles.IconArrowWrapper, null, /*#__PURE__*/ _react.default.createElement(_Treestyles.StyledArrow, {
230
- size: (0, _utils1.sizeToIconSize)(size),
232
+ size: (0, _utils.sizeToIconSize)(size),
231
233
  color: "inherit",
232
234
  className: "arrow"
233
235
  }));
234
236
  },
235
237
  icon: hasIcon && (icon || /*#__PURE__*/ _react.default.createElement(_Treestyles.StyledFolder, {
236
- size: (0, _utils1.sizeToIconSize)(size),
238
+ size: (0, _utils.sizeToIconSize)(size),
237
239
  color: "inherit"
238
240
  })),
239
241
  titleRender: function(item) {
240
242
  return /*#__PURE__*/ _react.default.createElement(_Treestyles.TitleWrapper, {
241
243
  fullWidthItemSelection: fullWidthItemSelection,
242
- arrowPlacement: arrowPlacement
243
- }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.ContentRight, null, item.contentRight));
244
+ arrowPlacement: arrowPlacement,
245
+ singleLine: singleLine
246
+ }, /*#__PURE__*/ _react.default.createElement(_Treestyles.Title, {
247
+ singleLine: singleLine
248
+ }, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/ _react.default.createElement(_Treestyles.ContentRight, null, item.contentRight));
244
249
  },
245
250
  draggable: draggable,
246
251
  onDragStart: onDragStart,