@box/tree 0.38.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 (147) hide show
  1. package/LICENSE +379 -0
  2. package/chunks/node-icon.module.js +6 -0
  3. package/chunks/nodes.module.js +319 -0
  4. package/esm/index.js +23 -0
  5. package/esm/lib/components/content-node/content-node.js +132 -0
  6. package/esm/lib/components/content-node/index.js +4 -0
  7. package/esm/lib/components/content-node/messages.js +10 -0
  8. package/esm/lib/components/error/error.js +34 -0
  9. package/esm/lib/components/error/index.js +4 -0
  10. package/esm/lib/components/error/messages.js +18 -0
  11. package/esm/lib/components/expander/expander.js +33 -0
  12. package/esm/lib/components/expander/index.js +4 -0
  13. package/esm/lib/components/expander/messages.js +14 -0
  14. package/esm/lib/components/index.js +16 -0
  15. package/esm/lib/components/load-more-node/index.js +4 -0
  16. package/esm/lib/components/load-more-node/load-more-node.js +32 -0
  17. package/esm/lib/components/load-more-node/messages.js +14 -0
  18. package/esm/lib/components/loading-node/index.js +4 -0
  19. package/esm/lib/components/loading-node/loading-node.js +30 -0
  20. package/esm/lib/components/loading-node/messages.js +10 -0
  21. package/esm/lib/components/node-icon/index.js +6 -0
  22. package/esm/lib/components/node-icon/messages.js +10 -0
  23. package/esm/lib/components/node-icon/node-avatar.js +36 -0
  24. package/esm/lib/components/node-icon/node-item-icon.js +42 -0
  25. package/esm/lib/components/reload-node/index.js +4 -0
  26. package/esm/lib/components/reload-node/messages.js +22 -0
  27. package/esm/lib/components/reload-node/reload-node.js +52 -0
  28. package/esm/lib/components/service-node-wrapper/index.js +4 -0
  29. package/esm/lib/components/service-node-wrapper/service-node-wrapper.js +20 -0
  30. package/esm/lib/components/skeleton/index.js +4 -0
  31. package/esm/lib/components/skeleton/skeleton.js +22 -0
  32. package/esm/lib/components/truncated-tooltip-text/index.js +4 -0
  33. package/esm/lib/components/truncated-tooltip-text/truncated-tooltip-text.js +26 -0
  34. package/esm/lib/constants.js +9 -0
  35. package/esm/lib/hooks/index.js +6 -0
  36. package/esm/lib/hooks/useIntersectionObserver.js +18 -0
  37. package/esm/lib/hooks/useSelectionInheritance.js +21 -0
  38. package/esm/lib/tree.js +127 -0
  39. package/esm/lib/utils.js +53 -0
  40. package/i18n/bn-IN.js +16 -0
  41. package/i18n/bn-IN.properties +28 -0
  42. package/i18n/da-DK.js +16 -0
  43. package/i18n/da-DK.properties +28 -0
  44. package/i18n/de-DE.js +16 -0
  45. package/i18n/de-DE.properties +28 -0
  46. package/i18n/en-AU.js +16 -0
  47. package/i18n/en-AU.properties +28 -0
  48. package/i18n/en-CA.js +16 -0
  49. package/i18n/en-CA.properties +28 -0
  50. package/i18n/en-GB.js +16 -0
  51. package/i18n/en-GB.properties +28 -0
  52. package/i18n/en-US.js +16 -0
  53. package/i18n/en-US.properties +28 -0
  54. package/i18n/en-x-pseudo.js +16 -0
  55. package/i18n/en-x-pseudo.properties +28 -0
  56. package/i18n/es-419.js +16 -0
  57. package/i18n/es-419.properties +28 -0
  58. package/i18n/es-ES.js +16 -0
  59. package/i18n/es-ES.properties +28 -0
  60. package/i18n/fi-FI.js +16 -0
  61. package/i18n/fi-FI.properties +28 -0
  62. package/i18n/fr-CA.js +16 -0
  63. package/i18n/fr-CA.properties +28 -0
  64. package/i18n/fr-FR.js +16 -0
  65. package/i18n/fr-FR.properties +28 -0
  66. package/i18n/hi-IN.js +16 -0
  67. package/i18n/hi-IN.properties +28 -0
  68. package/i18n/it-IT.js +16 -0
  69. package/i18n/it-IT.properties +28 -0
  70. package/i18n/ja-JP.js +16 -0
  71. package/i18n/ja-JP.properties +28 -0
  72. package/i18n/json/src/lib/components/content-node/messages.json +1 -0
  73. package/i18n/json/src/lib/components/error/messages.json +1 -0
  74. package/i18n/json/src/lib/components/expander/messages.json +1 -0
  75. package/i18n/json/src/lib/components/load-more-node/messages.json +1 -0
  76. package/i18n/json/src/lib/components/loading-node/messages.json +1 -0
  77. package/i18n/json/src/lib/components/node-icon/messages.json +1 -0
  78. package/i18n/json/src/lib/components/reload-node/messages.json +1 -0
  79. package/i18n/ko-KR.js +16 -0
  80. package/i18n/ko-KR.properties +28 -0
  81. package/i18n/nb-NO.js +16 -0
  82. package/i18n/nb-NO.properties +28 -0
  83. package/i18n/nl-NL.js +16 -0
  84. package/i18n/nl-NL.properties +28 -0
  85. package/i18n/pl-PL.js +16 -0
  86. package/i18n/pl-PL.properties +28 -0
  87. package/i18n/pt-BR.js +16 -0
  88. package/i18n/pt-BR.properties +28 -0
  89. package/i18n/ru-RU.js +16 -0
  90. package/i18n/ru-RU.properties +28 -0
  91. package/i18n/sv-SE.js +16 -0
  92. package/i18n/sv-SE.properties +28 -0
  93. package/i18n/tr-TR.js +16 -0
  94. package/i18n/tr-TR.properties +28 -0
  95. package/i18n/zh-CN.js +16 -0
  96. package/i18n/zh-CN.properties +28 -0
  97. package/i18n/zh-TW.js +16 -0
  98. package/i18n/zh-TW.properties +28 -0
  99. package/package.json +55 -0
  100. package/styles/content-node.css +1 -0
  101. package/styles/error.css +1 -0
  102. package/styles/expander.css +1 -0
  103. package/styles/loading-node.css +1 -0
  104. package/styles/node-icon.css +1 -0
  105. package/styles/nodes.css +1 -0
  106. package/styles/reload-node.css +1 -0
  107. package/styles/skeleton.css +1 -0
  108. package/styles/tree.css +1 -0
  109. package/types/index.d.ts +3 -0
  110. package/types/lib/components/content-node/content-node.d.ts +2 -0
  111. package/types/lib/components/content-node/index.d.ts +1 -0
  112. package/types/lib/components/content-node/messages.d.ts +8 -0
  113. package/types/lib/components/error/error.d.ts +4 -0
  114. package/types/lib/components/error/index.d.ts +1 -0
  115. package/types/lib/components/error/messages.d.ts +18 -0
  116. package/types/lib/components/expander/expander.d.ts +11 -0
  117. package/types/lib/components/expander/index.d.ts +1 -0
  118. package/types/lib/components/expander/messages.d.ts +13 -0
  119. package/types/lib/components/index.d.ts +7 -0
  120. package/types/lib/components/load-more-node/index.d.ts +1 -0
  121. package/types/lib/components/load-more-node/load-more-node.d.ts +2 -0
  122. package/types/lib/components/load-more-node/messages.d.ts +13 -0
  123. package/types/lib/components/loading-node/index.d.ts +1 -0
  124. package/types/lib/components/loading-node/loading-node.d.ts +2 -0
  125. package/types/lib/components/loading-node/messages.d.ts +8 -0
  126. package/types/lib/components/node-icon/index.d.ts +2 -0
  127. package/types/lib/components/node-icon/messages.d.ts +8 -0
  128. package/types/lib/components/node-icon/node-avatar.d.ts +9 -0
  129. package/types/lib/components/node-icon/node-item-icon.d.ts +7 -0
  130. package/types/lib/components/reload-node/index.d.ts +1 -0
  131. package/types/lib/components/reload-node/messages.d.ts +23 -0
  132. package/types/lib/components/reload-node/reload-node.d.ts +2 -0
  133. package/types/lib/components/service-node-wrapper/index.d.ts +1 -0
  134. package/types/lib/components/service-node-wrapper/service-node-wrapper.d.ts +10 -0
  135. package/types/lib/components/skeleton/index.d.ts +1 -0
  136. package/types/lib/components/skeleton/skeleton.d.ts +4 -0
  137. package/types/lib/components/truncated-tooltip-text/index.d.ts +1 -0
  138. package/types/lib/components/truncated-tooltip-text/truncated-tooltip-text.d.ts +8 -0
  139. package/types/lib/constants.d.ts +6 -0
  140. package/types/lib/hooks/index.d.ts +2 -0
  141. package/types/lib/hooks/useIntersectionObserver.d.ts +1 -0
  142. package/types/lib/hooks/useSelectionInheritance.d.ts +6 -0
  143. package/types/lib/stories/dynamic-loading-shared.d.ts +30 -0
  144. package/types/lib/stories/shared.d.ts +17 -0
  145. package/types/lib/tree.d.ts +3 -0
  146. package/types/lib/types.d.ts +74 -0
  147. package/types/lib/utils.d.ts +5 -0
package/package.json ADDED
@@ -0,0 +1,55 @@
1
+ {
2
+ "name": "@box/tree",
3
+ "version": "0.38.0",
4
+ "peerDependencies": {
5
+ "@box/blueprint-web": "^7.11.0",
6
+ "@box/blueprint-web-assets": "^4.16.0",
7
+ "@box/item-icon": "^0.5.3",
8
+ "react": "^17.0.0 || ^18.0.0",
9
+ "react-accessible-treeview": "2.9.0",
10
+ "react-dom": "^17.0.0 || ^18.0.0",
11
+ "react-intl": "^6.4.2"
12
+ },
13
+ "devDependencies": {
14
+ "@box/blueprint-web": "^9.18.6",
15
+ "@box/blueprint-web-assets": "^4.34.0",
16
+ "@box/item-icon": "^0.5.3",
17
+ "@box/storybook-utils": "^0.8.3",
18
+ "@faker-js/faker": "^8.4.1",
19
+ "react": "^18.3.0",
20
+ "react-dom": "^18.3.0",
21
+ "react-intl": "^6.4.2"
22
+ },
23
+ "scripts": {
24
+ "prepare": "yarn nx run tree:prepare"
25
+ },
26
+ "publishConfig": {
27
+ "access": "public",
28
+ "directory": "dist",
29
+ "registry": "https://registry.npmjs.org"
30
+ },
31
+ "main": "./esm/index.js",
32
+ "module": "./esm/index.js",
33
+ "types": "./types/index.d.ts",
34
+ "exports": {
35
+ ".": {
36
+ "require": "./esm/index.js",
37
+ "import": "./esm/index.js",
38
+ "types": "./types/index.d.ts"
39
+ },
40
+ "./*": {
41
+ "require": "./esm/*",
42
+ "import": "./esm/*",
43
+ "types": "./types/*"
44
+ },
45
+ "./i18n/*": {
46
+ "require": "./i18n/*",
47
+ "import": "./i18n/*"
48
+ }
49
+ },
50
+ "sideEffects": [
51
+ "**/*.css"
52
+ ],
53
+ "license": "SEE LICENSE IN LICENSE",
54
+ "gitHead": "79df9d03b4f09ec7f33ee7195e9654b9123c55d4"
55
+ }
package/styles/content-node.css ADDED
@@ -0,0 +1 @@
1
+ ._loader_yqihr_1{position:absolute;top:0;bottom:0;height:fit-content;margin:auto}._content_yqihr_9{display:flex;align-items:center;overflow:hidden}._title-wrapper_yqihr_15{display:flex;flex-direction:column;overflow:hidden;margin-inline-start:.25rem}._title_yqihr_15{overflow:hidden;color:var(--text-text-on-light);white-space:nowrap;text-align:left;text-overflow:ellipsis}._title--small_yqihr_30{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._title--small_yqihr_30._title--selected_yqihr_39{font-weight:700;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._title--large_yqihr_49{font-weight:400;font-size:1rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._title--large_yqihr_49._title--selected_yqihr_39{font-weight:700;font-size:1rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._subtitle_yqihr_68{margin-top:.125rem;overflow:hidden;color:var(--text-text-on-light-secondary);white-space:nowrap;text-align:left;text-overflow:ellipsis;font-weight:400;font-size:.75rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:.875rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._tooltip_yqihr_84{display:flex;flex-direction:column;text-align:center}
package/styles/error.css ADDED
@@ -0,0 +1 @@
1
+ ._error_pq9k8_1{padding:.75rem}
package/styles/expander.css ADDED
@@ -0,0 +1 @@
1
+ ._expander-small_17erq_1{padding:.375rem}._expander-large_17erq_5{padding:.5rem}
package/styles/loading-node.css ADDED
@@ -0,0 +1 @@
1
+ ._loader_1d12s_1{position:relative;margin:0}
package/styles/node-icon.css ADDED
@@ -0,0 +1 @@
1
+ ._icon_1ih26_1{flex-grow:1;flex-shrink:0;margin-inline-end:.125rem}
package/styles/nodes.css ADDED
@@ -0,0 +1 @@
1
+ ._node_h11wf_1{position:relative;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:calc(.25rem - 2px);border:2px solid transparent;border-radius:.375rem;cursor:pointer;content-visibility:auto;transition:all .1s ease-in-out}._node_h11wf_1:hover{background-color:#f4f4f4}._node_h11wf_1:active{background-color:#fbfbfb}._expander_h11wf_21{position:absolute;flex-shrink:0}._expander-small_h11wf_26{width:1.5rem;height:1.5rem}._expander-large_h11wf_31{width:2rem;height:2rem}._node-small-level0_h11wf_36{padding-left:1.5rem}._node-small-level1_h11wf_40{padding-left:2.5rem}._node-small-level2_h11wf_44{padding-left:3.5rem}._node-small-level3_h11wf_48{padding-left:4.5rem}._node-small-level4_h11wf_52{padding-left:5.5rem}._node-small-level5_h11wf_56{padding-left:6.5rem}._node-small-level6_h11wf_60{padding-left:7.5rem}._node-small-level7_h11wf_64{padding-left:8.5rem}._node-small-level8_h11wf_68{padding-left:9.5rem}._node-small-level9_h11wf_72{padding-left:10.5rem}._node-small-level10_h11wf_76{padding-left:11.5rem}._node-small-level11_h11wf_80{padding-left:12.5rem}._node-small-level12_h11wf_84{padding-left:13.5rem}._node-small-level13_h11wf_88{padding-left:14.5rem}._node-small-level14_h11wf_92{padding-left:15.5rem}._node-small-level15_h11wf_96{padding-left:16.5rem}._node-small-level16_h11wf_100{padding-left:17.5rem}._node-small-level17_h11wf_104{padding-left:18.5rem}._node-small-level18_h11wf_108{padding-left:19.5rem}._node-small-level19_h11wf_112{padding-left:20.5rem}._node-small-level20_h11wf_116{padding-left:21.5rem}._node-small-level21_h11wf_120{padding-left:22.5rem}._node-small-level22_h11wf_124{padding-left:23.5rem}._node-small-level23_h11wf_128{padding-left:24.5rem}._node-small-level24_h11wf_132{padding-left:25.5rem}._node-small-level25_h11wf_136{padding-left:26.5rem}._node-small-level26_h11wf_140{padding-left:27.5rem}._node-small-level27_h11wf_144{padding-left:28.5rem}._node-small-level28_h11wf_148{padding-left:29.5rem}._node-small-level29_h11wf_152{padding-left:30.5rem}._node-small-level30_h11wf_156{padding-left:31.5rem}._node-small-level31_h11wf_160{padding-left:32.5rem}._node-small-level32_h11wf_164{padding-left:33.5rem}._node-small-level33_h11wf_168{padding-left:34.5rem}._node-small-level34_h11wf_172{padding-left:35.5rem}._node-small-level35_h11wf_176{padding-left:36.5rem}._node-small-level36_h11wf_180{padding-left:37.5rem}._node-small-level37_h11wf_184{padding-left:38.5rem}._node-small-level38_h11wf_188{padding-left:39.5rem}._node-small-level39_h11wf_192{padding-left:40.5rem}._node-small-level40_h11wf_196{padding-left:41.5rem}._node-small-level41_h11wf_200{padding-left:42.5rem}._node-small-level42_h11wf_204{padding-left:43.5rem}._node-small-level43_h11wf_208{padding-left:44.5rem}._node-small-level44_h11wf_212{padding-left:45.5rem}._node-small-level45_h11wf_216{padding-left:46.5rem}._node-small-level46_h11wf_220{padding-left:47.5rem}._node-small-level47_h11wf_224{padding-left:48.5rem}._node-small-level48_h11wf_228{padding-left:49.5rem}._node-small-level49_h11wf_232{padding-left:50.5rem}._node-small-level50_h11wf_236{padding-left:51.5rem}._node-small-level51_h11wf_240{padding-left:52.5rem}._node-small-level52_h11wf_244{padding-left:53.5rem}._node-small-level53_h11wf_248{padding-left:54.5rem}._node-small-level54_h11wf_252{padding-left:55.5rem}._node-small-level55_h11wf_256{padding-left:56.5rem}._node-small-level56_h11wf_260{padding-left:57.5rem}._node-small-level57_h11wf_264{padding-left:58.5rem}._node-small-level58_h11wf_268{padding-left:59.5rem}._node-small-level59_h11wf_272{padding-left:60.5rem}._node-small-level60_h11wf_276{padding-left:61.5rem}._node-small-level61_h11wf_280{padding-left:62.5rem}._node-small-level62_h11wf_284{padding-left:63.5rem}._node-small-level63_h11wf_288{padding-left:64.5rem}._node-small-level64_h11wf_292{padding-left:65.5rem}._node-small-level65_h11wf_296{padding-left:66.5rem}._node-small-level66_h11wf_300{padding-left:67.5rem}._node-small-level67_h11wf_304{padding-left:68.5rem}._node-small-level68_h11wf_308{padding-left:69.5rem}._node-small-level69_h11wf_312{padding-left:70.5rem}._node-small-level70_h11wf_316{padding-left:71.5rem}._node-small-level71_h11wf_320{padding-left:72.5rem}._node-small-level72_h11wf_324{padding-left:73.5rem}._node-small-level73_h11wf_328{padding-left:74.5rem}._node-small-level74_h11wf_332{padding-left:75.5rem}._node-small-level75_h11wf_336{padding-left:76.5rem}._node-small-level76_h11wf_340{padding-left:77.5rem}._node-small-level77_h11wf_344{padding-left:78.5rem}._node-small-level78_h11wf_348{padding-left:79.5rem}._node-small-level79_h11wf_352{padding-left:80.5rem}._node-small-level80_h11wf_356{padding-left:81.5rem}._node-small-level81_h11wf_360{padding-left:82.5rem}._node-small-level82_h11wf_364{padding-left:83.5rem}._node-small-level83_h11wf_368{padding-left:84.5rem}._node-small-level84_h11wf_372{padding-left:85.5rem}._node-small-level85_h11wf_376{padding-left:86.5rem}._node-small-level86_h11wf_380{padding-left:87.5rem}._node-small-level87_h11wf_384{padding-left:88.5rem}._node-small-level88_h11wf_388{padding-left:89.5rem}._node-small-level89_h11wf_392{padding-left:90.5rem}._node-small-level90_h11wf_396{padding-left:91.5rem}._node-small-level91_h11wf_400{padding-left:92.5rem}._node-small-level92_h11wf_404{padding-left:93.5rem}._node-small-level93_h11wf_408{padding-left:94.5rem}._node-small-level94_h11wf_412{padding-left:95.5rem}._node-small-level95_h11wf_416{padding-left:96.5rem}._node-small-level96_h11wf_420{padding-left:97.5rem}._node-small-level97_h11wf_424{padding-left:98.5rem}._node-small-level98_h11wf_428{padding-left:99.5rem}._node-small-level99_h11wf_432{padding-left:100.5rem}._node-small-level100_h11wf_436{padding-left:101.5rem}._node-large-level0_h11wf_440{padding-left:2rem}._node-large-level1_h11wf_444{padding-left:3rem}._node-large-level2_h11wf_448{padding-left:4rem}._node-large-level3_h11wf_452{padding-left:5rem}._node-large-level4_h11wf_456{padding-left:6rem}._node-large-level5_h11wf_460{padding-left:7rem}._node-large-level6_h11wf_464{padding-left:8rem}._node-large-level7_h11wf_468{padding-left:9rem}._node-large-level8_h11wf_472{padding-left:10rem}._node-large-level9_h11wf_476{padding-left:11rem}._node-large-level10_h11wf_480{padding-left:12rem}._node-large-level11_h11wf_484{padding-left:13rem}._node-large-level12_h11wf_488{padding-left:14rem}._node-large-level13_h11wf_492{padding-left:15rem}._node-large-level14_h11wf_496{padding-left:16rem}._node-large-level15_h11wf_500{padding-left:17rem}._node-large-level16_h11wf_504{padding-left:18rem}._node-large-level17_h11wf_508{padding-left:19rem}._node-large-level18_h11wf_512{padding-left:20rem}._node-large-level19_h11wf_516{padding-left:21rem}._node-large-level20_h11wf_520{padding-left:22rem}._node-large-level21_h11wf_524{padding-left:23rem}._node-large-level22_h11wf_528{padding-left:24rem}._node-large-level23_h11wf_532{padding-left:25rem}._node-large-level24_h11wf_536{padding-left:26rem}._node-large-level25_h11wf_540{padding-left:27rem}._node-large-level26_h11wf_544{padding-left:28rem}._node-large-level27_h11wf_548{padding-left:29rem}._node-large-level28_h11wf_552{padding-left:30rem}._node-large-level29_h11wf_556{padding-left:31rem}._node-large-level30_h11wf_560{padding-left:32rem}._node-large-level31_h11wf_564{padding-left:33rem}._node-large-level32_h11wf_568{padding-left:34rem}._node-large-level33_h11wf_572{padding-left:35rem}._node-large-level34_h11wf_576{padding-left:36rem}._node-large-level35_h11wf_580{padding-left:37rem}._node-large-level36_h11wf_584{padding-left:38rem}._node-large-level37_h11wf_588{padding-left:39rem}._node-large-level38_h11wf_592{padding-left:40rem}._node-large-level39_h11wf_596{padding-left:41rem}._node-large-level40_h11wf_600{padding-left:42rem}._node-large-level41_h11wf_604{padding-left:43rem}._node-large-level42_h11wf_608{padding-left:44rem}._node-large-level43_h11wf_612{padding-left:45rem}._node-large-level44_h11wf_616{padding-left:46rem}._node-large-level45_h11wf_620{padding-left:47rem}._node-large-level46_h11wf_624{padding-left:48rem}._node-large-level47_h11wf_628{padding-left:49rem}._node-large-level48_h11wf_632{padding-left:50rem}._node-large-level49_h11wf_636{padding-left:51rem}._node-large-level50_h11wf_640{padding-left:52rem}._node-large-level51_h11wf_644{padding-left:53rem}._node-large-level52_h11wf_648{padding-left:54rem}._node-large-level53_h11wf_652{padding-left:55rem}._node-large-level54_h11wf_656{padding-left:56rem}._node-large-level55_h11wf_660{padding-left:57rem}._node-large-level56_h11wf_664{padding-left:58rem}._node-large-level57_h11wf_668{padding-left:59rem}._node-large-level58_h11wf_672{padding-left:60rem}._node-large-level59_h11wf_676{padding-left:61rem}._node-large-level60_h11wf_680{padding-left:62rem}._node-large-level61_h11wf_684{padding-left:63rem}._node-large-level62_h11wf_688{padding-left:64rem}._node-large-level63_h11wf_692{padding-left:65rem}._node-large-level64_h11wf_696{padding-left:66rem}._node-large-level65_h11wf_700{padding-left:67rem}._node-large-level66_h11wf_704{padding-left:68rem}._node-large-level67_h11wf_708{padding-left:69rem}._node-large-level68_h11wf_712{padding-left:70rem}._node-large-level69_h11wf_716{padding-left:71rem}._node-large-level70_h11wf_720{padding-left:72rem}._node-large-level71_h11wf_724{padding-left:73rem}._node-large-level72_h11wf_728{padding-left:74rem}._node-large-level73_h11wf_732{padding-left:75rem}._node-large-level74_h11wf_736{padding-left:76rem}._node-large-level75_h11wf_740{padding-left:77rem}._node-large-level76_h11wf_744{padding-left:78rem}._node-large-level77_h11wf_748{padding-left:79rem}._node-large-level78_h11wf_752{padding-left:80rem}._node-large-level79_h11wf_756{padding-left:81rem}._node-large-level80_h11wf_760{padding-left:82rem}._node-large-level81_h11wf_764{padding-left:83rem}._node-large-level82_h11wf_768{padding-left:84rem}._node-large-level83_h11wf_772{padding-left:85rem}._node-large-level84_h11wf_776{padding-left:86rem}._node-large-level85_h11wf_780{padding-left:87rem}._node-large-level86_h11wf_784{padding-left:88rem}._node-large-level87_h11wf_788{padding-left:89rem}._node-large-level88_h11wf_792{padding-left:90rem}._node-large-level89_h11wf_796{padding-left:91rem}._node-large-level90_h11wf_800{padding-left:92rem}._node-large-level91_h11wf_804{padding-left:93rem}._node-large-level92_h11wf_808{padding-left:94rem}._node-large-level93_h11wf_812{padding-left:95rem}._node-large-level94_h11wf_816{padding-left:96rem}._node-large-level95_h11wf_820{padding-left:97rem}._node-large-level96_h11wf_824{padding-left:98rem}._node-large-level97_h11wf_828{padding-left:99rem}._node-large-level98_h11wf_832{padding-left:100rem}._node-large-level99_h11wf_836{padding-left:101rem}._node-large-level100_h11wf_840{padding-left:102rem}._expander-level0_h11wf_844{left:0rem}._expander-level1_h11wf_848{left:1rem}._expander-level2_h11wf_852{left:2rem}._expander-level3_h11wf_856{left:3rem}._expander-level4_h11wf_860{left:4rem}._expander-level5_h11wf_864{left:5rem}._expander-level6_h11wf_868{left:6rem}._expander-level7_h11wf_872{left:7rem}._expander-level8_h11wf_876{left:8rem}._expander-level9_h11wf_880{left:9rem}._expander-level10_h11wf_884{left:10rem}._expander-level11_h11wf_888{left:11rem}._expander-level12_h11wf_892{left:12rem}._expander-level13_h11wf_896{left:13rem}._expander-level14_h11wf_900{left:14rem}._expander-level15_h11wf_904{left:15rem}._expander-level16_h11wf_908{left:16rem}._expander-level17_h11wf_912{left:17rem}._expander-level18_h11wf_916{left:18rem}._expander-level19_h11wf_920{left:19rem}._expander-level20_h11wf_924{left:20rem}._expander-level21_h11wf_928{left:21rem}._expander-level22_h11wf_932{left:22rem}._expander-level23_h11wf_936{left:23rem}._expander-level24_h11wf_940{left:24rem}._expander-level25_h11wf_944{left:25rem}._expander-level26_h11wf_948{left:26rem}._expander-level27_h11wf_952{left:27rem}._expander-level28_h11wf_956{left:28rem}._expander-level29_h11wf_960{left:29rem}._expander-level30_h11wf_964{left:30rem}._expander-level31_h11wf_968{left:31rem}._expander-level32_h11wf_972{left:32rem}._expander-level33_h11wf_976{left:33rem}._expander-level34_h11wf_980{left:34rem}._expander-level35_h11wf_984{left:35rem}._expander-level36_h11wf_988{left:36rem}._expander-level37_h11wf_992{left:37rem}._expander-level38_h11wf_996{left:38rem}._expander-level39_h11wf_1000{left:39rem}._expander-level40_h11wf_1004{left:40rem}._expander-level41_h11wf_1008{left:41rem}._expander-level42_h11wf_1012{left:42rem}._expander-level43_h11wf_1016{left:43rem}._expander-level44_h11wf_1020{left:44rem}._expander-level45_h11wf_1024{left:45rem}._expander-level46_h11wf_1028{left:46rem}._expander-level47_h11wf_1032{left:47rem}._expander-level48_h11wf_1036{left:48rem}._expander-level49_h11wf_1040{left:49rem}._expander-level50_h11wf_1044{left:50rem}._expander-level51_h11wf_1048{left:51rem}._expander-level52_h11wf_1052{left:52rem}._expander-level53_h11wf_1056{left:53rem}._expander-level54_h11wf_1060{left:54rem}._expander-level55_h11wf_1064{left:55rem}._expander-level56_h11wf_1068{left:56rem}._expander-level57_h11wf_1072{left:57rem}._expander-level58_h11wf_1076{left:58rem}._expander-level59_h11wf_1080{left:59rem}._expander-level60_h11wf_1084{left:60rem}._expander-level61_h11wf_1088{left:61rem}._expander-level62_h11wf_1092{left:62rem}._expander-level63_h11wf_1096{left:63rem}._expander-level64_h11wf_1100{left:64rem}._expander-level65_h11wf_1104{left:65rem}._expander-level66_h11wf_1108{left:66rem}._expander-level67_h11wf_1112{left:67rem}._expander-level68_h11wf_1116{left:68rem}._expander-level69_h11wf_1120{left:69rem}._expander-level70_h11wf_1124{left:70rem}._expander-level71_h11wf_1128{left:71rem}._expander-level72_h11wf_1132{left:72rem}._expander-level73_h11wf_1136{left:73rem}._expander-level74_h11wf_1140{left:74rem}._expander-level75_h11wf_1144{left:75rem}._expander-level76_h11wf_1148{left:76rem}._expander-level77_h11wf_1152{left:77rem}._expander-level78_h11wf_1156{left:78rem}._expander-level79_h11wf_1160{left:79rem}._expander-level80_h11wf_1164{left:80rem}._expander-level81_h11wf_1168{left:81rem}._expander-level82_h11wf_1172{left:82rem}._expander-level83_h11wf_1176{left:83rem}._expander-level84_h11wf_1180{left:84rem}._expander-level85_h11wf_1184{left:85rem}._expander-level86_h11wf_1188{left:86rem}._expander-level87_h11wf_1192{left:87rem}._expander-level88_h11wf_1196{left:88rem}._expander-level89_h11wf_1200{left:89rem}._expander-level90_h11wf_1204{left:90rem}._expander-level91_h11wf_1208{left:91rem}._expander-level92_h11wf_1212{left:92rem}._expander-level93_h11wf_1216{left:93rem}._expander-level94_h11wf_1220{left:94rem}._expander-level95_h11wf_1224{left:95rem}._expander-level96_h11wf_1228{left:96rem}._expander-level97_h11wf_1232{left:97rem}._expander-level98_h11wf_1236{left:98rem}._expander-level99_h11wf_1240{left:99rem}._expander-level100_h11wf_1244{left:100rem}._node--focused_h11wf_1248{border-color:#2486fc;outline:none}._node--selected_h11wf_1253{background-color:#f2f7fd;border-color:#0061d5}._node--selected_h11wf_1253._node--focused_h11wf_1248{border-color:#0061d5}._node--selected_h11wf_1253:hover{background-color:#f2f7fd}._node--disabled_h11wf_1264{cursor:default;opacity:.3}._node--disabled_h11wf_1264._node--focused_h11wf_1248{border-color:transparent}._node--disabled_h11wf_1264:hover,._node--disabled_h11wf_1264:active{background-color:transparent}._node--large_h11wf_1278{height:2.5rem;contain-intrinsic-height:2.5rem;font-weight:400;font-size:1rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._node--large-extraData_h11wf_1290{height:3.5rem;contain-intrinsic-height:3.5rem}._node--small_h11wf_1295{height:2rem;contain-intrinsic-height:2rem;font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._node--small-extraData_h11wf_1307{height:3rem;contain-intrinsic-height:3rem}
package/styles/reload-node.css ADDED
@@ -0,0 +1 @@
1
+ ._errorNotice_a2ys7_1{box-sizing:border-box;width:100%}._errorNoticeText--large_a2ys7_6{font-weight:400;font-size:1rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}._errorNoticeText--small_a2ys7_16{font-weight:400;font-size:.875rem;font-family:Lato,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.25rem;letter-spacing:.01875rem;text-transform:none;text-decoration:none}
package/styles/skeleton.css ADDED
@@ -0,0 +1 @@
1
+ ._skeleton_10rap_1{display:grid;gap:1.5rem;padding:.75rem}
package/styles/tree.css ADDED
@@ -0,0 +1 @@
1
+ li.tree-node,li.tree-branch-wrapper{outline:none}li.tree-branch-wrapper:focus>div .node{border-color:var(--outline-focus-on-light)}li.tree-branch-wrapper:has(.node--with-divider){border-bottom:1px solid var(--gray-05)}._tree_17956_1{margin:0;list-style:none}._tree_17956_1 ul{margin:0;padding:0;list-style:none}
package/types/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export { TreeError, Skeleton as TreeSkeleton } from './lib/components';
2
+ export { Tree } from './lib/tree';
3
+ export * from './lib/types';
package/types/lib/components/content-node/content-node.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { ContentNodeProps } from '../../types';
2
+ export declare function ContentNode({ element: { name, metadata }, level, getNodeProps, handleSelect, handleExpand, isBranch, isExpanded, isDisabled, isSelected, size, withIcon, containsSelection, }: ContentNodeProps): import("react/jsx-runtime").JSX.Element;
package/types/lib/components/content-node/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ContentNode } from './content-node';
package/types/lib/components/content-node/messages.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ declare const _default: {
2
+ branchContentLoaderLabel: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ };
8
+ export default _default;
package/types/lib/components/error/error.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export type ErrorProps = {
2
+ onReload: () => void;
3
+ };
4
+ export declare function Error({ onReload }: ErrorProps): import("react/jsx-runtime").JSX.Element;
package/types/lib/components/error/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { Error as TreeError } from './error';
package/types/lib/components/error/messages.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ declare const _default: {
2
+ errorTitle: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ errorBody: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ reloadButton: {
13
+ id: string;
14
+ defaultMessage: string;
15
+ description: string;
16
+ };
17
+ };
18
+ export default _default;
package/types/lib/components/expander/expander.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { EventCallback } from 'react-accessible-treeview';
2
+ import { Size } from '../../types';
3
+ type ExpanderProps = {
4
+ onClick: EventCallback;
5
+ size: Size;
6
+ disabled: boolean;
7
+ expanded: boolean;
8
+ dataTargetId?: string;
9
+ };
10
+ export declare function Expander({ onClick, size, disabled, expanded, dataTargetId }: ExpanderProps): import("react/jsx-runtime").JSX.Element;
11
+ export {};
package/types/lib/components/expander/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { Expander } from './expander';
package/types/lib/components/expander/messages.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ collapse: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ expand: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ };
13
+ export default _default;
package/types/lib/components/index.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ export * from './content-node';
2
+ export * from './error';
3
+ export * from './load-more-node';
4
+ export * from './loading-node';
5
+ export * from './reload-node';
6
+ export * from './service-node-wrapper';
7
+ export * from './skeleton';
package/types/lib/components/load-more-node/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { LoadMoreNode } from './load-more-node';
package/types/lib/components/load-more-node/load-more-node.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { LoadMoreNodeProps } from '../../types';
2
+ export declare function LoadMoreNode({ level, size, isDisabled, getNodeProps, element }: LoadMoreNodeProps): import("react/jsx-runtime").JSX.Element;
package/types/lib/components/load-more-node/messages.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ declare const _default: {
2
+ loadMoreButtonTitle: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ loadMoreButtonAriaLabel: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ };
13
+ export default _default;
package/types/lib/components/loading-node/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { LoadingNode } from './loading-node';
package/types/lib/components/loading-node/loading-node.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { LoadingNodeProps } from '../../types';
2
+ export declare function LoadingNode({ level, size, getNodeProps }: LoadingNodeProps): import("react/jsx-runtime").JSX.Element;
package/types/lib/components/loading-node/messages.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ declare const _default: {
2
+ loadingIndicatorAriaLabel: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ };
8
+ export default _default;
package/types/lib/components/node-icon/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { NodeAvatar } from './node-avatar';
2
+ export { NodeItemIcon } from './node-item-icon';
package/types/lib/components/node-icon/messages.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ declare const _default: {
2
+ iconLabel: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ };
8
+ export default _default;
package/types/lib/components/node-icon/node-avatar.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { Size } from '../../types';
2
+ type NodeAvatarProps = {
3
+ avatarSrc?: string;
4
+ size: Size;
5
+ badge?: 'admin' | 'coadmin';
6
+ nodeTitle: string;
7
+ };
8
+ export declare function NodeAvatar({ avatarSrc, badge, size, nodeTitle }: NodeAvatarProps): import("react/jsx-runtime").JSX.Element;
9
+ export {};
package/types/lib/components/node-icon/node-item-icon.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { IconType, Size } from '../../types';
2
+ type NodeItemIconProps = {
3
+ size: Size;
4
+ iconType?: IconType;
5
+ };
6
+ export declare function NodeItemIcon({ size, iconType }: NodeItemIconProps): import("react/jsx-runtime").JSX.Element;
7
+ export {};
package/types/lib/components/reload-node/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ReloadNode } from './reload-node';
package/types/lib/components/reload-node/messages.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ declare const _default: {
2
+ reloadButtonTitle: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ reloadButtonAriaLabel: {
8
+ id: string;
9
+ defaultMessage: string;
10
+ description: string;
11
+ };
12
+ loadingError: {
13
+ id: string;
14
+ defaultMessage: string;
15
+ description: string;
16
+ };
17
+ iconAriaLabel: {
18
+ id: string;
19
+ defaultMessage: string;
20
+ description: string;
21
+ };
22
+ };
23
+ export default _default;
package/types/lib/components/reload-node/reload-node.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { ReloadNodeProps } from '../../types';
2
+ export declare function ReloadNode({ level, size, isDisabled, getNodeProps, element }: ReloadNodeProps): import("react/jsx-runtime").JSX.Element;
package/types/lib/components/service-node-wrapper/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { ServiceNodeWrapper } from './service-node-wrapper';
package/types/lib/components/service-node-wrapper/service-node-wrapper.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { NodeId } from 'react-accessible-treeview';
2
+ import { NodeVariant } from '../../types';
3
+ type ServiceNodeWrapperProps = {
4
+ isDisabled: boolean;
5
+ parentId?: NodeId;
6
+ variant: Omit<NodeVariant, 'loadData'>;
7
+ children: React.ReactNode;
8
+ };
9
+ export declare function ServiceNodeWrapper({ isDisabled, parentId, variant, children }: ServiceNodeWrapperProps): import("react/jsx-runtime").JSX.Element;
10
+ export {};
package/types/lib/components/skeleton/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { Skeleton } from './skeleton';
package/types/lib/components/skeleton/skeleton.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export type SkeletonProps = {
2
+ rows?: number;
3
+ };
4
+ export declare function Skeleton({ rows }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
package/types/lib/components/truncated-tooltip-text/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { TruncatedTooltipText } from './truncated-tooltip-text';
package/types/lib/components/truncated-tooltip-text/truncated-tooltip-text.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ type TruncatedTooltipTextProps = {
2
+ textElementRef: React.MutableRefObject<HTMLElement>;
3
+ subtitleElementRef: React.MutableRefObject<HTMLElement>;
4
+ tooltipContent: string | React.ReactNode;
5
+ children: React.ReactElement;
6
+ };
7
+ export declare function TruncatedTooltipText({ textElementRef, subtitleElementRef, tooltipContent, children, }: TruncatedTooltipTextProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
package/types/lib/constants.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export declare const SERVICE_NODE_DATA_ATTRIBUTE = "servicenode";
2
+ export declare const LOAD_MORE_NODE_DATA_ATTRIBUTE = "loadmorenode";
3
+ export declare const RELOAD_NODE_DATA_ATTRIBUTE = "reloadnode";
4
+ export declare const BRANCH_ID_DATA_ATTRIBUTE = "branchid";
5
+ export declare const CONTENT_NODE = "contentnode";
6
+ export declare const CONTENT_NODE_LOADING = "contentnodeloading";
package/types/lib/hooks/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './useIntersectionObserver';
2
+ export * from './useSelectionInheritance';
package/types/lib/hooks/useIntersectionObserver.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function useIntersectionObserver(nodeRef: React.MutableRefObject<HTMLDivElement>): boolean;
package/types/lib/hooks/useSelectionInheritance.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { NodeId } from 'react-accessible-treeview';
2
+ import { ContentNode, LoadMoreNode, LoadingNode, Node, ReloadNode } from '../types';
3
+ export declare const useSelectionInheritance: () => {
4
+ selectionInheritors: NodeId[];
5
+ getSelectionInheritors: (data: (Node | ContentNode | LoadMoreNode | LoadingNode | ReloadNode)[], selectedIds?: (string | NodeId)[]) => void;
6
+ };
package/types/lib/stories/dynamic-loading-shared.d.ts ADDED
@@ -0,0 +1,30 @@
1
+ import { NodeId } from 'react-accessible-treeview';
2
+ import { LoadingNode, LoadMoreNode, NodeVariant, ReloadNode } from '../types';
3
+ type ItemType = {
4
+ id: NodeId;
5
+ name: string;
6
+ parent: NodeId | null;
7
+ children: NodeId[];
8
+ marker?: string;
9
+ status?: 'loading' | 'error' | 'success';
10
+ iconType?: 'folder-collab' | 'folder-plain';
11
+ };
12
+ type State = {
13
+ [key in number]: ItemType;
14
+ };
15
+ declare const reducerInitialState: State;
16
+ declare const generateData: ({ countStart, countEnd, parentId, }: {
17
+ countStart: number;
18
+ countEnd: number;
19
+ parentId: NodeId;
20
+ }) => ItemType[];
21
+ declare const generateServiceNode: (parentId: NodeId, variant: Omit<NodeVariant, "content">) => LoadMoreNode | ReloadNode | LoadingNode | {
22
+ name: string;
23
+ id: string;
24
+ parent: NodeId;
25
+ children: any[];
26
+ metadata: {
27
+ variant: Omit<NodeVariant, "content">;
28
+ };
29
+ };
30
+ export { generateData, generateServiceNode, ItemType, reducerInitialState, State };
package/types/lib/stories/shared.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { ComponentRecord } from '@box/storybook-utils';
2
+ import { ContentNode, LoadingNode, LoadMoreNode, ReloadNode, TreeProps } from '../types';
3
+ declare const i18nDecorator: (Story: any) => import("react/jsx-runtime").JSX.Element;
4
+ declare const rootNode: ContentNode;
5
+ declare const dataWithContentNodes: ContentNode[];
6
+ declare const dataWithContentNodeWithTitle: ContentNode[];
7
+ declare const dataWithContentNodeWithTitleAndSubtitle: ContentNode[];
8
+ declare const dataWithContentNodeWithTitleAndExpander: ContentNode[];
9
+ declare const dataWithContentNodeWithTitleSubtitleAndExpander: ContentNode[];
10
+ declare const dataWithContentNodeWithDivider: ContentNode[];
11
+ declare const dataWithContentNodeInLoadingState: ContentNode[];
12
+ declare const dataWithLoadMoreNode: (ContentNode | LoadMoreNode)[];
13
+ declare const dataWithReloadNode: (ContentNode | ReloadNode)[];
14
+ declare const dataWithLoadingNode: (ContentNode | LoadingNode)[];
15
+ declare const dataWithNestedNode: (ContentNode | LoadingNode)[];
16
+ declare const nodesVariantsMap: ComponentRecord<Partial<TreeProps>>;
17
+ export { dataWithContentNodeInLoadingState, dataWithContentNodes, dataWithContentNodeWithDivider, dataWithContentNodeWithTitle, dataWithContentNodeWithTitleAndExpander, dataWithContentNodeWithTitleAndSubtitle, dataWithContentNodeWithTitleSubtitleAndExpander, dataWithLoadingNode, dataWithLoadMoreNode, dataWithNestedNode, dataWithReloadNode, i18nDecorator, nodesVariantsMap, rootNode, };
package/types/lib/tree.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TreeProps } from './types';
2
+ export declare function Tree({ 'aria-label': ariaLabel, size, data, withIcons, onExpand, onSelect, onLoadData, className, multiSelect, ...restTreeProps }: TreeProps): import("react/jsx-runtime").JSX.Element;
3
+ export default Tree;
package/types/lib/types.d.ts ADDED
@@ -0,0 +1,74 @@
1
+ import { itemIconTable } from '@box/item-icon';
2
+ import { INode, INodeRendererProps, ITreeViewOnSelectProps, ITreeViewProps, NodeId } from 'react-accessible-treeview';
3
+ type Size = 'small' | 'large';
4
+ type NodeVariant = 'user' | 'content' | 'loadMore' | 'loading' | 'reload';
5
+ type Badge = 'admin' | 'coadmin';
6
+ type IconType = keyof typeof itemIconTable | 'trash';
7
+ interface Node extends INode {
8
+ metadata: {
9
+ variant: NodeVariant;
10
+ };
11
+ }
12
+ interface UserNode extends INode {
13
+ metadata: {
14
+ variant: 'user';
15
+ avatarSrc?: string;
16
+ badge?: Badge;
17
+ subtitle?: string;
18
+ isLoading?: boolean;
19
+ withDivider?: boolean;
20
+ dataTargetId?: string;
21
+ };
22
+ }
23
+ interface ContentNode extends INode {
24
+ metadata: {
25
+ variant: 'content';
26
+ iconType?: IconType;
27
+ subtitle?: string;
28
+ isLoading?: boolean;
29
+ withDivider?: boolean;
30
+ dataTargetId?: string;
31
+ };
32
+ }
33
+ interface LoadMoreNode extends INode {
34
+ metadata: {
35
+ variant: 'loadMore';
36
+ };
37
+ }
38
+ interface ReloadNode extends INode {
39
+ metadata: {
40
+ variant: 'reload';
41
+ error?: string;
42
+ };
43
+ }
44
+ interface LoadingNode extends INode {
45
+ metadata: {
46
+ variant: 'loading';
47
+ };
48
+ }
49
+ interface TreeProps extends Omit<ITreeViewProps, 'nodeRenderer' | 'propagateSelectUpwards' | 'onLoadData'> {
50
+ 'aria-label': string;
51
+ data: (Node | UserNode | ContentNode | LoadMoreNode | LoadingNode | ReloadNode)[];
52
+ size?: Size;
53
+ withIcons?: boolean;
54
+ onLoadData?: (id: NodeId) => void;
55
+ }
56
+ interface NodeProps extends INodeRendererProps {
57
+ size: Size;
58
+ withIcon: boolean;
59
+ element: Node | UserNode | ContentNode | LoadMoreNode | LoadingNode | ReloadNode;
60
+ }
61
+ interface ContentNodeProps extends NodeProps {
62
+ element: ContentNode | UserNode;
63
+ containsSelection: boolean;
64
+ }
65
+ interface LoadMoreNodeProps extends NodeProps {
66
+ element: LoadMoreNode;
67
+ }
68
+ interface ReloadNodeProps extends NodeProps {
69
+ element: ReloadNode;
70
+ }
71
+ interface LoadingNodeProps extends NodeProps {
72
+ element: LoadingNode;
73
+ }
74
+ export { ContentNode, ContentNodeProps, LoadingNode, LoadingNodeProps, LoadMoreNode, LoadMoreNodeProps, Node, NodeProps, ReloadNode, ReloadNodeProps, UserNode, type Badge, type IconType, type INode, type ITreeViewOnSelectProps, type NodeId, type NodeVariant, type Size, type TreeProps, };
package/types/lib/utils.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { default as React } from 'react';
2
+ export declare const preventDisabledNodeExpanding: React.KeyboardEventHandler<HTMLElement>;
3
+ export declare const serviceNodeKeyboardHandler: (loadData?: (branchId: string) => void) => React.KeyboardEventHandler<HTMLElement>;
4
+ export declare const serviceNodeClickHandler: (loadData?: (branchId: string) => void) => React.KeyboardEventHandler<HTMLElement>;
5
+ export declare const preventLoadingContentNodeExpanding: React.KeyboardEventHandler<HTMLElement>;