@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

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 (450) hide show
  1. package/assets/icons/slack-logo.svg +1 -1
  2. package/base/Admin.d.ts +7 -0
  3. package/base/Admin.js +55 -0
  4. package/base/Admin.js.map +1 -0
  5. package/base/Base.d.ts +2 -0
  6. package/base/Base.js +110 -0
  7. package/base/Base.js.map +1 -0
  8. package/base/plugins/AddGraphQLQuerySelection.d.ts +9 -0
  9. package/base/plugins/AddGraphQLQuerySelection.js +31 -0
  10. package/base/plugins/AddGraphQLQuerySelection.js.map +1 -0
  11. package/base/providers/ApolloProvider.d.ts +10 -0
  12. package/base/providers/ApolloProvider.js +26 -0
  13. package/base/providers/ApolloProvider.js.map +1 -0
  14. package/base/providers/TelemetryProvider.d.ts +2 -0
  15. package/base/providers/TelemetryProvider.js +37 -0
  16. package/base/providers/TelemetryProvider.js.map +1 -0
  17. package/base/providers/UiStateProvider.d.ts +2 -0
  18. package/base/providers/UiStateProvider.js +23 -0
  19. package/base/providers/UiStateProvider.js.map +1 -0
  20. package/base/providers/ViewCompositionProvider.d.ts +17 -0
  21. package/base/providers/ViewCompositionProvider.js +70 -0
  22. package/base/providers/ViewCompositionProvider.js.map +1 -0
  23. package/base/ui/Brand.d.ts +2 -0
  24. package/base/ui/Brand.js +19 -0
  25. package/base/ui/Brand.js.map +1 -0
  26. package/base/ui/CenteredView.d.ts +4 -0
  27. package/base/ui/CenteredView.js +40 -0
  28. package/base/ui/CenteredView.js.map +1 -0
  29. package/base/ui/Dashboard.d.ts +2 -0
  30. package/base/ui/Dashboard.js +19 -0
  31. package/base/ui/Dashboard.js.map +1 -0
  32. package/base/ui/Layout.d.ts +7 -0
  33. package/base/ui/Layout.js +24 -0
  34. package/base/ui/Layout.js.map +1 -0
  35. package/base/ui/LocaleSelector.d.ts +2 -0
  36. package/base/ui/LocaleSelector.js +19 -0
  37. package/base/ui/LocaleSelector.js.map +1 -0
  38. package/base/ui/LoginScreen.d.ts +6 -0
  39. package/base/ui/LoginScreen.js +27 -0
  40. package/base/ui/LoginScreen.js.map +1 -0
  41. package/base/ui/Logo.d.ts +8 -0
  42. package/base/ui/Logo.js +36 -0
  43. package/base/ui/Logo.js.map +1 -0
  44. package/base/ui/Menu.d.ts +31 -0
  45. package/base/ui/Menu.js +166 -0
  46. package/base/ui/Menu.js.map +1 -0
  47. package/base/ui/Navigation.d.ts +24 -0
  48. package/base/ui/Navigation.js +184 -0
  49. package/base/ui/Navigation.js.map +1 -0
  50. package/base/ui/NotFound.d.ts +2 -0
  51. package/base/ui/NotFound.js +19 -0
  52. package/base/ui/NotFound.js.map +1 -0
  53. package/base/ui/Search.d.ts +19 -0
  54. package/base/ui/Search.js +81 -0
  55. package/base/ui/Search.js.map +1 -0
  56. package/base/ui/Tags.d.ts +10 -0
  57. package/base/ui/Tags.js +29 -0
  58. package/base/ui/Tags.js.map +1 -0
  59. package/base/ui/UserMenu.d.ts +30 -0
  60. package/base/ui/UserMenu.js +137 -0
  61. package/base/ui/UserMenu.js.map +1 -0
  62. package/components/AdminLayout.d.ts +1 -2
  63. package/components/AdminLayout.js +16 -29
  64. package/components/AdminLayout.js.map +1 -0
  65. package/components/AppInstaller/AppInstaller.d.ts +7 -0
  66. package/components/AppInstaller/AppInstaller.js +183 -0
  67. package/components/AppInstaller/AppInstaller.js.map +1 -0
  68. package/components/AppInstaller/Sidebar.d.ts +8 -6
  69. package/components/AppInstaller/Sidebar.js +66 -46
  70. package/components/AppInstaller/Sidebar.js.map +1 -0
  71. package/components/AppInstaller/index.d.ts +1 -4
  72. package/components/AppInstaller/index.js +20 -125
  73. package/components/AppInstaller/index.js.map +1 -0
  74. package/components/AppInstaller/styled.d.ts +6 -4
  75. package/components/AppInstaller/styled.js +31 -13
  76. package/components/AppInstaller/styled.js.map +1 -0
  77. package/components/AppInstaller/useInstaller.d.ts +29 -9
  78. package/components/AppInstaller/useInstaller.js +112 -70
  79. package/components/AppInstaller/useInstaller.js.map +1 -0
  80. package/components/EmptyView.d.ts +5 -5
  81. package/components/EmptyView.js +25 -11
  82. package/components/EmptyView.js.map +1 -0
  83. package/components/FileManager/BottomInfoBar/SupportedFileTypes.d.ts +5 -4
  84. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +30 -10
  85. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -0
  86. package/components/FileManager/BottomInfoBar/UploadStatus.d.ts +5 -4
  87. package/components/FileManager/BottomInfoBar/UploadStatus.js +21 -8
  88. package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -0
  89. package/components/FileManager/BottomInfoBar.d.ts +4 -2
  90. package/components/FileManager/BottomInfoBar.js +29 -11
  91. package/components/FileManager/BottomInfoBar.js.map +1 -0
  92. package/components/FileManager/DropFilesHere.d.ts +5 -3
  93. package/components/FileManager/DropFilesHere.js +31 -13
  94. package/components/FileManager/DropFilesHere.js.map +1 -0
  95. package/components/FileManager/File.d.ts +8 -9
  96. package/components/FileManager/File.js +53 -27
  97. package/components/FileManager/File.js.map +1 -0
  98. package/components/FileManager/FileDetails/Name.d.ts +7 -5
  99. package/components/FileManager/FileDetails/Name.js +63 -38
  100. package/components/FileManager/FileDetails/Name.js.map +1 -0
  101. package/components/FileManager/FileDetails/Tags.d.ts +9 -5
  102. package/components/FileManager/FileDetails/Tags.js +183 -85
  103. package/components/FileManager/FileDetails/Tags.js.map +1 -0
  104. package/components/FileManager/FileDetails.d.ts +9 -8
  105. package/components/FileManager/FileDetails.js +226 -144
  106. package/components/FileManager/FileDetails.js.map +1 -0
  107. package/components/FileManager/FileManagerContext.d.ts +28 -9
  108. package/components/FileManager/FileManagerContext.js +76 -26
  109. package/components/FileManager/FileManagerContext.js.map +1 -0
  110. package/components/FileManager/FileManagerView.d.ts +12 -17
  111. package/components/FileManager/FileManagerView.js +291 -195
  112. package/components/FileManager/FileManagerView.js.map +1 -0
  113. package/components/FileManager/LeftSidebar.d.ts +7 -5
  114. package/components/FileManager/LeftSidebar.js +63 -31
  115. package/components/FileManager/LeftSidebar.js.map +1 -0
  116. package/components/FileManager/NoPermissionView.d.ts +2 -2
  117. package/components/FileManager/NoPermissionView.js +35 -18
  118. package/components/FileManager/NoPermissionView.js.map +1 -0
  119. package/components/FileManager/NoResults.d.ts +3 -2
  120. package/components/FileManager/NoResults.js +22 -7
  121. package/components/FileManager/NoResults.js.map +1 -0
  122. package/components/FileManager/getFileTypePlugin.d.ts +4 -1
  123. package/components/FileManager/getFileTypePlugin.js +48 -18
  124. package/components/FileManager/getFileTypePlugin.js.map +1 -0
  125. package/components/FileManager/getFileUploader.d.ts +2 -1
  126. package/components/FileManager/getFileUploader.js +14 -4
  127. package/components/FileManager/getFileUploader.js.map +1 -0
  128. package/components/FileManager/graphql.d.ts +90 -0
  129. package/components/FileManager/graphql.js +49 -8
  130. package/components/FileManager/graphql.js.map +1 -0
  131. package/components/FileManager/outputFileSelectionError.d.ts +7 -2
  132. package/components/FileManager/outputFileSelectionError.js +19 -4
  133. package/components/FileManager/outputFileSelectionError.js.map +1 -0
  134. package/components/FileManager/types.d.ts +21 -0
  135. package/components/FileManager/types.js +5 -0
  136. package/components/FileManager/types.js.map +1 -0
  137. package/components/FileManager.d.ts +63 -14
  138. package/components/FileManager.js +119 -108
  139. package/components/FileManager.js.map +1 -0
  140. package/components/FloatingActionButton.d.ts +2 -2
  141. package/components/FloatingActionButton.js +18 -6
  142. package/components/FloatingActionButton.js.map +1 -0
  143. package/components/MultiImageUpload.d.ts +13 -4
  144. package/components/MultiImageUpload.js +33 -10
  145. package/components/MultiImageUpload.js.map +1 -0
  146. package/components/OverlayLayout/OverlayLayout.d.ts +11 -13
  147. package/components/OverlayLayout/OverlayLayout.js +68 -43
  148. package/components/OverlayLayout/OverlayLayout.js.map +1 -0
  149. package/components/OverlayLayout/index.d.ts +1 -1
  150. package/components/OverlayLayout/index.js +18 -1
  151. package/components/OverlayLayout/index.js.map +1 -0
  152. package/components/Permissions/Permissions.d.ts +4 -4
  153. package/components/Permissions/Permissions.js +28 -11
  154. package/components/Permissions/Permissions.js.map +1 -0
  155. package/components/Permissions/StyledComponents.d.ts +6 -4
  156. package/components/Permissions/StyledComponents.js +26 -9
  157. package/components/Permissions/StyledComponents.js.map +1 -0
  158. package/components/Permissions/index.js +30 -2
  159. package/components/Permissions/index.js.map +1 -0
  160. package/components/RichTextEditor/RichTextEditor.d.ts +2 -2
  161. package/components/RichTextEditor/RichTextEditor.js +24 -9
  162. package/components/RichTextEditor/RichTextEditor.js.map +1 -0
  163. package/components/RichTextEditor/index.js +21 -2
  164. package/components/RichTextEditor/index.js.map +1 -0
  165. package/components/RichTextEditor/styles.scss +39 -7
  166. package/components/RichTextEditor/tools/header/index.d.ts +35 -34
  167. package/components/RichTextEditor/tools/header/index.js +39 -39
  168. package/components/RichTextEditor/tools/header/index.js.map +1 -0
  169. package/components/RichTextEditor/tools/image/index.d.ts +40 -13
  170. package/components/RichTextEditor/tools/image/index.js +38 -30
  171. package/components/RichTextEditor/tools/image/index.js.map +1 -0
  172. package/components/RichTextEditor/tools/image/svgs.js +9 -2
  173. package/components/RichTextEditor/tools/image/svgs.js.map +1 -0
  174. package/components/RichTextEditor/tools/image/tunes.d.ts +14 -15
  175. package/components/RichTextEditor/tools/image/tunes.js +38 -26
  176. package/components/RichTextEditor/tools/image/tunes.js.map +1 -0
  177. package/components/RichTextEditor/tools/image/types.d.ts +29 -0
  178. package/components/RichTextEditor/tools/image/types.js +5 -0
  179. package/components/RichTextEditor/tools/image/types.js.map +1 -0
  180. package/components/RichTextEditor/tools/image/ui.d.ts +38 -27
  181. package/components/RichTextEditor/tools/image/ui.js +55 -35
  182. package/components/RichTextEditor/tools/image/ui.js.map +1 -0
  183. package/components/RichTextEditor/tools/paragraph/index.d.ts +34 -36
  184. package/components/RichTextEditor/tools/paragraph/index.js +57 -63
  185. package/components/RichTextEditor/tools/paragraph/index.js.map +1 -0
  186. package/components/RichTextEditor/tools/textColor/index.d.ts +33 -27
  187. package/components/RichTextEditor/tools/textColor/index.js +75 -36
  188. package/components/RichTextEditor/tools/textColor/index.js.map +1 -0
  189. package/components/RichTextEditor/tools/utils.js +14 -5
  190. package/components/RichTextEditor/tools/utils.js.map +1 -0
  191. package/components/Routes.d.ts +6 -0
  192. package/components/Routes.js +49 -0
  193. package/components/Routes.js.map +1 -0
  194. package/components/SearchUI.d.ts +4 -4
  195. package/components/SearchUI.js +23 -9
  196. package/components/SearchUI.js.map +1 -0
  197. package/components/SimpleForm/SimpleForm.d.ts +11 -11
  198. package/components/SimpleForm/SimpleForm.js +60 -29
  199. package/components/SimpleForm/SimpleForm.js.map +1 -0
  200. package/components/SimpleForm/index.js +31 -1
  201. package/components/SimpleForm/index.js.map +1 -0
  202. package/components/SimpleUI/InputField.d.ts +4 -3
  203. package/components/SimpleUI/InputField.js +56 -37
  204. package/components/SimpleUI/InputField.js.map +1 -0
  205. package/components/SingleImageUpload.d.ts +43 -13
  206. package/components/SingleImageUpload.js +88 -76
  207. package/components/SingleImageUpload.js.map +1 -0
  208. package/components/SplitView/SplitView.d.ts +6 -5
  209. package/components/SplitView/SplitView.js +45 -26
  210. package/components/SplitView/SplitView.js.map +1 -0
  211. package/components/SplitView/index.js +25 -1
  212. package/components/SplitView/index.js.map +1 -0
  213. package/components/index.js +13 -1
  214. package/components/index.js.map +1 -0
  215. package/hooks/useConfirmationDialog.d.ts +6 -5
  216. package/hooks/useConfirmationDialog.js +30 -18
  217. package/hooks/useConfirmationDialog.js.map +1 -0
  218. package/hooks/useDialog.d.ts +8 -3
  219. package/hooks/useDialog.js +16 -6
  220. package/hooks/useDialog.js.map +1 -0
  221. package/hooks/useSnackbar.d.ts +6 -3
  222. package/hooks/useSnackbar.js +20 -7
  223. package/hooks/useSnackbar.js.map +1 -0
  224. package/index.d.ts +35 -0
  225. package/index.js +373 -0
  226. package/index.js.map +1 -0
  227. package/package.json +47 -45
  228. package/plugins/FileManagerFileTypePlugin.d.ts +3 -3
  229. package/plugins/FileManagerFileTypePlugin.js +37 -20
  230. package/plugins/FileManagerFileTypePlugin.js.map +1 -0
  231. package/plugins/MenuPlugin.d.ts +22 -5
  232. package/plugins/MenuPlugin.js +37 -20
  233. package/plugins/MenuPlugin.js.map +1 -0
  234. package/plugins/PermissionRendererPlugin.d.ts +4 -4
  235. package/plugins/PermissionRendererPlugin.js +37 -20
  236. package/plugins/PermissionRendererPlugin.js.map +1 -0
  237. package/plugins/fileManager/fileDefault.d.ts +1 -2
  238. package/plugins/fileManager/fileDefault.js +22 -8
  239. package/plugins/fileManager/fileDefault.js.map +1 -0
  240. package/plugins/fileManager/fileImage/DeleteAction.d.ts +6 -2
  241. package/plugins/fileManager/fileImage/DeleteAction.js +45 -24
  242. package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -0
  243. package/plugins/fileManager/fileImage/EditAction.d.ts +7 -6
  244. package/plugins/fileManager/fileImage/EditAction.js +73 -37
  245. package/plugins/fileManager/fileImage/EditAction.js.map +1 -0
  246. package/plugins/fileManager/fileImage/index.d.ts +1 -2
  247. package/plugins/fileManager/fileImage/index.js +27 -10
  248. package/plugins/fileManager/fileImage/index.js.map +1 -0
  249. package/plugins/fileManager/index.d.ts +2 -2
  250. package/plugins/fileManager/index.js +21 -3
  251. package/plugins/fileManager/index.js.map +1 -0
  252. package/plugins/globalSearch/SearchBar.d.ts +15 -3
  253. package/plugins/globalSearch/SearchBar.js +90 -58
  254. package/plugins/globalSearch/SearchBar.js.map +1 -0
  255. package/plugins/globalSearch/SearchBarDropdown.d.ts +19 -1
  256. package/plugins/globalSearch/SearchBarDropdown.js +46 -27
  257. package/plugins/globalSearch/SearchBarDropdown.js.map +1 -0
  258. package/plugins/globalSearch/index.d.ts +3 -4
  259. package/plugins/globalSearch/index.js +8 -22
  260. package/plugins/globalSearch/index.js.map +1 -0
  261. package/plugins/globalSearch/styled.d.ts +5 -3
  262. package/plugins/globalSearch/styled.js +33 -13
  263. package/plugins/globalSearch/styled.js.map +1 -0
  264. package/plugins/uiLayoutRenderer/index.d.ts +1 -2
  265. package/plugins/uiLayoutRenderer/index.js +25 -13
  266. package/plugins/uiLayoutRenderer/index.js.map +1 -0
  267. package/styles/material-theme-assignments.scss +79 -66
  268. package/styles/material.scss +2 -35
  269. package/types.d.ts +12 -19
  270. package/types.js +5 -1
  271. package/types.js.map +1 -0
  272. package/ui/UIElement.d.ts +1 -1
  273. package/ui/UIElement.js +19 -1
  274. package/ui/UIElement.js.map +1 -0
  275. package/ui/UILayout.js +19 -1
  276. package/ui/UILayout.js.map +1 -0
  277. package/ui/UIRenderer.js +13 -1
  278. package/ui/UIRenderer.js.map +1 -0
  279. package/ui/UIView.d.ts +1 -1
  280. package/ui/UIView.js +25 -1
  281. package/ui/UIView.js.map +1 -0
  282. package/ui/elements/AccordionElement.d.ts +5 -5
  283. package/ui/elements/AccordionElement.js +56 -32
  284. package/ui/elements/AccordionElement.js.map +1 -0
  285. package/ui/elements/ButtonElement.d.ts +3 -3
  286. package/ui/elements/ButtonElement.js +47 -20
  287. package/ui/elements/ButtonElement.js.map +1 -0
  288. package/ui/elements/ButtonGroupElement.d.ts +2 -2
  289. package/ui/elements/ButtonGroupElement.js +38 -19
  290. package/ui/elements/ButtonGroupElement.js.map +1 -0
  291. package/ui/elements/GenericElement.js +18 -1
  292. package/ui/elements/GenericElement.js.map +1 -0
  293. package/ui/elements/LabelElement.js +26 -13
  294. package/ui/elements/LabelElement.js.map +1 -0
  295. package/ui/elements/NavigationMenuElement.d.ts +2 -1
  296. package/ui/elements/NavigationMenuElement.js +51 -32
  297. package/ui/elements/NavigationMenuElement.js.map +1 -0
  298. package/ui/elements/PanelElement.js +27 -11
  299. package/ui/elements/PanelElement.js.map +1 -0
  300. package/ui/elements/PlaceholderElement.d.ts +2 -1
  301. package/ui/elements/PlaceholderElement.js +27 -13
  302. package/ui/elements/PlaceholderElement.js.map +1 -0
  303. package/ui/elements/SmallButtonElement.d.ts +1 -1
  304. package/ui/elements/SmallButtonElement.js +36 -19
  305. package/ui/elements/SmallButtonElement.js.map +1 -0
  306. package/ui/elements/TypographyElement.d.ts +1 -1
  307. package/ui/elements/TypographyElement.js +38 -20
  308. package/ui/elements/TypographyElement.js.map +1 -0
  309. package/ui/elements/ViewElement.js +18 -1
  310. package/ui/elements/ViewElement.js.map +1 -0
  311. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.d.ts +2 -2
  312. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +42 -26
  313. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -0
  314. package/ui/elements/form/DynamicFieldsetElement.d.ts +19 -18
  315. package/ui/elements/form/DynamicFieldsetElement.js +54 -23
  316. package/ui/elements/form/DynamicFieldsetElement.js.map +1 -0
  317. package/ui/elements/form/FileManagerElement/EmptyStateElement.js +30 -13
  318. package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -0
  319. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +51 -28
  320. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -0
  321. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +53 -35
  322. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -0
  323. package/ui/elements/form/FileManagerElement/styled.d.ts +19 -13
  324. package/ui/elements/form/FileManagerElement/styled.js +26 -12
  325. package/ui/elements/form/FileManagerElement/styled.js.map +1 -0
  326. package/ui/elements/form/FileManagerElement.d.ts +6 -6
  327. package/ui/elements/form/FileManagerElement.js +39 -22
  328. package/ui/elements/form/FileManagerElement.js.map +1 -0
  329. package/ui/elements/form/FormElement.d.ts +5 -5
  330. package/ui/elements/form/FormElement.js +42 -21
  331. package/ui/elements/form/FormElement.js.map +1 -0
  332. package/ui/elements/form/FormFieldElement.d.ts +9 -8
  333. package/ui/elements/form/FormFieldElement.js +53 -30
  334. package/ui/elements/form/FormFieldElement.js.map +1 -0
  335. package/ui/elements/form/HiddenElement.js +30 -15
  336. package/ui/elements/form/HiddenElement.js.map +1 -0
  337. package/ui/elements/form/InputElement.d.ts +1 -0
  338. package/ui/elements/form/InputElement.js +35 -18
  339. package/ui/elements/form/InputElement.js.map +1 -0
  340. package/ui/elements/form/PasswordElement.js +34 -18
  341. package/ui/elements/form/PasswordElement.js.map +1 -0
  342. package/ui/elements/form/SelectElement.d.ts +1 -1
  343. package/ui/elements/form/SelectElement.js +36 -20
  344. package/ui/elements/form/SelectElement.js.map +1 -0
  345. package/ui/elements/form/TextareaElement.js +34 -18
  346. package/ui/elements/form/TextareaElement.js.map +1 -0
  347. package/ui/views/AdminView/ContentElement.js +40 -24
  348. package/ui/views/AdminView/ContentElement.js.map +1 -0
  349. package/ui/views/AdminView/HeaderElement.js +72 -39
  350. package/ui/views/AdminView/HeaderElement.js.map +1 -0
  351. package/ui/views/AdminView/HeaderSectionCenterElement.d.ts +2 -2
  352. package/ui/views/AdminView/HeaderSectionCenterElement.js +41 -21
  353. package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -0
  354. package/ui/views/AdminView/HeaderSectionLeftElement.d.ts +2 -2
  355. package/ui/views/AdminView/HeaderSectionLeftElement.js +41 -21
  356. package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -0
  357. package/ui/views/AdminView/HeaderSectionRightElement.d.ts +2 -2
  358. package/ui/views/AdminView/HeaderSectionRightElement.js +41 -21
  359. package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -0
  360. package/ui/views/AdminView/components/Dialog.js +32 -15
  361. package/ui/views/AdminView/components/Dialog.js.map +1 -0
  362. package/ui/views/AdminView/components/Hamburger.d.ts +2 -2
  363. package/ui/views/AdminView/components/Hamburger.js +25 -11
  364. package/ui/views/AdminView/components/Hamburger.js.map +1 -0
  365. package/ui/views/AdminView/components/Snackbar.d.ts +2 -2
  366. package/ui/views/AdminView/components/Snackbar.js +26 -13
  367. package/ui/views/AdminView/components/Snackbar.js.map +1 -0
  368. package/ui/views/FormView/FormContainerElement.d.ts +2 -2
  369. package/ui/views/FormView/FormContainerElement.js +45 -25
  370. package/ui/views/FormView/FormContainerElement.js.map +1 -0
  371. package/ui/views/FormView/FormContentElement.js +27 -11
  372. package/ui/views/FormView/FormContentElement.js.map +1 -0
  373. package/ui/views/FormView/FormFooterElement.d.ts +3 -3
  374. package/ui/views/FormView/FormFooterElement.js +38 -19
  375. package/ui/views/FormView/FormFooterElement.js.map +1 -0
  376. package/ui/views/FormView/FormHeaderElement.d.ts +2 -2
  377. package/ui/views/FormView/FormHeaderElement.js +52 -30
  378. package/ui/views/FormView/FormHeaderElement.js.map +1 -0
  379. package/ui/views/FormView.d.ts +1 -1
  380. package/ui/views/FormView.js +85 -37
  381. package/ui/views/FormView.js.map +1 -0
  382. package/ui/views/OverlayView/ContentElement.d.ts +2 -2
  383. package/ui/views/OverlayView/ContentElement.js +38 -19
  384. package/ui/views/OverlayView/ContentElement.js.map +1 -0
  385. package/ui/views/OverlayView/HeaderElement.d.ts +5 -5
  386. package/ui/views/OverlayView/HeaderElement.js +56 -37
  387. package/ui/views/OverlayView/HeaderElement.js.map +1 -0
  388. package/ui/views/OverlayView/HeaderTitleElement.d.ts +1 -1
  389. package/ui/views/OverlayView/HeaderTitleElement.js +44 -25
  390. package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -0
  391. package/ui/views/OverlayView/useOverlayView.d.ts +4 -5
  392. package/ui/views/OverlayView/useOverlayView.js +32 -16
  393. package/ui/views/OverlayView/useOverlayView.js.map +1 -0
  394. package/ui/views/OverlayView.d.ts +4 -6
  395. package/ui/views/OverlayView.js +65 -42
  396. package/ui/views/OverlayView.js.map +1 -0
  397. package/ui/views/SplitView/SplitViewPanelElement.d.ts +3 -3
  398. package/ui/views/SplitView/SplitViewPanelElement.js +47 -28
  399. package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -0
  400. package/ui/views/SplitView.d.ts +3 -3
  401. package/ui/views/SplitView.js +57 -37
  402. package/ui/views/SplitView.js.map +1 -0
  403. package/plugins/index.d.ts +0 -6
  404. package/plugins/index.js +0 -8
  405. package/plugins/logo/Logo.d.ts +0 -22
  406. package/plugins/logo/Logo.js +0 -108
  407. package/plugins/logo/index.d.ts +0 -5
  408. package/plugins/logo/index.js +0 -32
  409. package/plugins/menu/documentation.d.ts +0 -4
  410. package/plugins/menu/documentation.js +0 -16
  411. package/plugins/menu/fileManager.d.ts +0 -4
  412. package/plugins/menu/fileManager.js +0 -64
  413. package/plugins/menu/index.d.ts +0 -6
  414. package/plugins/menu/index.js +0 -24
  415. package/plugins/menu/renderers/MenuGroupRenderer.d.ts +0 -7
  416. package/plugins/menu/renderers/MenuGroupRenderer.js +0 -126
  417. package/plugins/menu/renderers/MenuLinkRenderer.d.ts +0 -7
  418. package/plugins/menu/renderers/MenuLinkRenderer.js +0 -52
  419. package/plugins/menu/renderers/MenuSectionItemRenderer.d.ts +0 -7
  420. package/plugins/menu/renderers/MenuSectionItemRenderer.js +0 -77
  421. package/plugins/menu/renderers/MenuSectionRenderer.d.ts +0 -7
  422. package/plugins/menu/renderers/MenuSectionRenderer.js +0 -51
  423. package/plugins/menu/slack.d.ts +0 -4
  424. package/plugins/menu/slack.js +0 -16
  425. package/plugins/menu/source.d.ts +0 -4
  426. package/plugins/menu/source.js +0 -16
  427. package/plugins/userMenu/UserMenuElement.d.ts +0 -7
  428. package/plugins/userMenu/UserMenuElement.js +0 -43
  429. package/plugins/userMenu/UserMenuRenderer.d.ts +0 -6
  430. package/plugins/userMenu/UserMenuRenderer.js +0 -47
  431. package/plugins/userMenu/index.d.ts +0 -4
  432. package/plugins/userMenu/index.js +0 -16
  433. package/ui/views/AdminView.d.ts +0 -12
  434. package/ui/views/AdminView.js +0 -90
  435. package/ui/views/NavigationView/ContentElement.d.ts +0 -10
  436. package/ui/views/NavigationView/ContentElement.js +0 -86
  437. package/ui/views/NavigationView/FooterElement.d.ts +0 -13
  438. package/ui/views/NavigationView/FooterElement.js +0 -57
  439. package/ui/views/NavigationView/HeaderElement.d.ts +0 -16
  440. package/ui/views/NavigationView/HeaderElement.js +0 -66
  441. package/ui/views/NavigationView/NavigationViewRenderer.d.ts +0 -6
  442. package/ui/views/NavigationView/NavigationViewRenderer.js +0 -38
  443. package/ui/views/NavigationView/Styled.d.ts +0 -7
  444. package/ui/views/NavigationView/Styled.js +0 -47
  445. package/ui/views/NavigationView/legacyMenu.d.ts +0 -22
  446. package/ui/views/NavigationView/legacyMenu.js +0 -1
  447. package/ui/views/NavigationView/useNavigation.d.ts +0 -6
  448. package/ui/views/NavigationView/useNavigation.js +0 -22
  449. package/ui/views/NavigationView.d.ts +0 -26
  450. package/ui/views/NavigationView.js +0 -204
@@ -1,32 +1,46 @@
1
- import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
- import { useEffect, useState } from "react";
3
- import { css } from "emotion";
4
- import { OverlayView } from "../OverlayView";
5
- var noScroll = /*#__PURE__*/css({
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.useOverlayView = void 0;
9
+
10
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
+
12
+ var _react = require("react");
13
+
14
+ var _emotion = require("emotion");
15
+
16
+ var _OverlayView = require("../OverlayView");
17
+
18
+ var noScroll = /*#__PURE__*/(0, _emotion.css)({
6
19
  overflow: "hidden",
7
20
  height: "100vh"
8
21
  }, "label:noScroll;");
9
- export function useOverlayView() {
10
- var _useState = useState(false),
11
- _useState2 = _slicedToArray(_useState, 2),
22
+
23
+ var useOverlayView = function useOverlayView() {
24
+ var _useState = (0, _react.useState)(false),
25
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
12
26
  isVisible = _useState2[0],
13
27
  setIsVisible = _useState2[1];
14
28
 
15
- useEffect(function () {
29
+ (0, _react.useEffect)(function () {
16
30
  if (isVisible) {
17
- OverlayView.openedViews++;
31
+ _OverlayView.OverlayView.openedViews++;
18
32
  document.body.classList.add(noScroll);
19
- } else if (!OverlayView.openedViews) {
33
+ } else if (!_OverlayView.OverlayView.openedViews) {
20
34
  document.body.classList.remove(noScroll);
21
35
  }
22
36
  }, [isVisible]);
23
- useEffect(function () {
37
+ (0, _react.useEffect)(function () {
24
38
  return function () {
25
- if (OverlayView.openedViews > 0) {
26
- OverlayView.openedViews--;
39
+ if (_OverlayView.OverlayView.openedViews > 0) {
40
+ _OverlayView.OverlayView.openedViews--;
27
41
  }
28
42
 
29
- if (!OverlayView.openedViews) {
43
+ if (!_OverlayView.OverlayView.openedViews) {
30
44
  document.body.classList.remove(noScroll);
31
45
  }
32
46
  };
@@ -35,4 +49,6 @@ export function useOverlayView() {
35
49
  isVisible: isVisible,
36
50
  setIsVisible: setIsVisible
37
51
  };
38
- }
52
+ };
53
+
54
+ exports.useOverlayView = useOverlayView;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["noScroll","css","overflow","height","useOverlayView","useState","isVisible","setIsVisible","useEffect","OverlayView","openedViews","document","body","classList","add","remove"],"sources":["useOverlayView.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { OverlayView } from \"../OverlayView\";\n\nconst noScroll = css({\n overflow: \"hidden\",\n height: \"100vh\"\n});\n\nexport interface UseOverlayView {\n isVisible: boolean;\n setIsVisible: (value: boolean) => void;\n}\n\nexport const useOverlayView = (): UseOverlayView => {\n const [isVisible, setIsVisible] = useState<boolean>(false);\n\n useEffect(() => {\n if (isVisible) {\n OverlayView.openedViews++;\n document.body.classList.add(noScroll);\n } else if (!OverlayView.openedViews) {\n document.body.classList.remove(noScroll);\n }\n }, [isVisible]);\n\n useEffect(() => {\n return () => {\n if (OverlayView.openedViews > 0) {\n OverlayView.openedViews--;\n }\n if (!OverlayView.openedViews) {\n document.body.classList.remove(noScroll);\n }\n };\n }, []);\n\n return { isVisible, setIsVisible };\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,QAAQ,EAAE,QADO;EAEjBC,MAAM,EAAE;AAFS,CAAJ,oBAAjB;;AAUO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAsB;EAChD,gBAAkC,IAAAC,eAAA,EAAkB,KAAlB,CAAlC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EAEA,IAAAC,gBAAA,EAAU,YAAM;IACZ,IAAIF,SAAJ,EAAe;MACXG,wBAAA,CAAYC,WAAZ;MACAC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBC,GAAxB,CAA4Bd,QAA5B;IACH,CAHD,MAGO,IAAI,CAACS,wBAAA,CAAYC,WAAjB,EAA8B;MACjCC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+Bf,QAA/B;IACH;EACJ,CAPD,EAOG,CAACM,SAAD,CAPH;EASA,IAAAE,gBAAA,EAAU,YAAM;IACZ,OAAO,YAAM;MACT,IAAIC,wBAAA,CAAYC,WAAZ,GAA0B,CAA9B,EAAiC;QAC7BD,wBAAA,CAAYC,WAAZ;MACH;;MACD,IAAI,CAACD,wBAAA,CAAYC,WAAjB,EAA8B;QAC1BC,QAAQ,CAACC,IAAT,CAAcC,SAAd,CAAwBE,MAAxB,CAA+Bf,QAA/B;MACH;IACJ,CAPD;EAQH,CATD,EASG,EATH;EAWA,OAAO;IAAEM,SAAS,EAATA,SAAF;IAAaC,YAAY,EAAZA;EAAb,CAAP;AACH,CAxBM"}
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
- import { UIView } from "../UIView";
2
+ import { UIView, UIViewProps } from "../UIView";
3
+ import { UseOverlayView } from "./OverlayView/useOverlayView";
3
4
  import { HeaderElement } from "./OverlayView/HeaderElement";
4
5
  import { ContentElement } from "./OverlayView/ContentElement";
5
6
  interface OnExited {
@@ -19,13 +20,10 @@ export declare class OverlayView extends UIView {
19
20
  onExited(): void;
20
21
  addOnEntered(cb: OnExited): void;
21
22
  addOnExited(cb: OnExited): void;
22
- getOverlayHook(): {
23
- isVisible: boolean;
24
- setIsVisible: React.Dispatch<React.SetStateAction<boolean>>;
25
- };
23
+ getOverlayHook(): UseOverlayView;
26
24
  setIsVisible(visible: boolean): void;
27
25
  getHeaderElement(): HeaderElement;
28
26
  getContentElement(): ContentElement;
29
- render(props: any): JSX.Element;
27
+ render(props: UIViewProps): React.ReactNode;
30
28
  }
31
29
  export {};
@@ -1,23 +1,49 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
- import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
- import _createClass from "@babel/runtime/helpers/createClass";
5
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
6
- import _get from "@babel/runtime/helpers/get";
7
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
8
- import _inherits from "@babel/runtime/helpers/inherits";
9
- import _createSuper from "@babel/runtime/helpers/createSuper";
10
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
11
- import React from "react";
12
- import { Transition } from "react-transition-group";
13
- import styled from "@emotion/styled";
14
- import { UIView } from "../UIView";
15
- import { useOverlayView } from "./OverlayView/useOverlayView";
16
- import { HeaderElement } from "./OverlayView/HeaderElement";
17
- import { ContentElement } from "./OverlayView/ContentElement"; // !GOOD FIRST ISSUE!
18
- // Extract rendering and styling into an OverlayViewRenderer class.
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.OverlayView = void 0;
9
+
10
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
11
+
12
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
13
+
14
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
15
+
16
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
17
+
18
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
19
+
20
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
21
+
22
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
23
+
24
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
25
+
26
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
27
+
28
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
29
 
20
- var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
30
+ var _react = _interopRequireDefault(require("react"));
31
+
32
+ var _reactTransitionGroup = require("react-transition-group");
33
+
34
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
35
+
36
+ var _UIView2 = require("../UIView");
37
+
38
+ var _useOverlayView = require("./OverlayView/useOverlayView");
39
+
40
+ var _HeaderElement = require("./OverlayView/HeaderElement");
41
+
42
+ var _ContentElement = require("./OverlayView/ContentElement");
43
+
44
+ // !GOOD FIRST ISSUE!
45
+ // Extract rendering and styling into an OverlayViewRenderer class.
46
+ var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
21
47
  target: "e1xrojct0",
22
48
  label: "OverlayLayoutWrapper"
23
49
  })({
@@ -52,10 +78,11 @@ var transitionStyles = {
52
78
  opacity: 1
53
79
  }
54
80
  };
55
- export var OverlayView = /*#__PURE__*/function (_UIView) {
56
- _inherits(OverlayView, _UIView);
57
81
 
58
- var _super = _createSuper(OverlayView);
82
+ var OverlayView = /*#__PURE__*/function (_UIView) {
83
+ (0, _inherits2.default)(OverlayView, _UIView);
84
+
85
+ var _super = (0, _createSuper2.default)(OverlayView);
59
86
 
60
87
  /**
61
88
  * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable
@@ -65,33 +92,29 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
65
92
  var _this;
66
93
 
67
94
  var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "OverlayView";
68
-
69
- _classCallCheck(this, OverlayView);
70
-
95
+ (0, _classCallCheck2.default)(this, OverlayView);
71
96
  _this = _super.call(this, id);
72
-
73
- _defineProperty(_assertThisInitialized(_this), "_onEntered", []);
74
-
75
- _defineProperty(_assertThisInitialized(_this), "_onExited", []);
97
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onEntered", []);
98
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onExited", []);
76
99
 
77
100
  _this.useGrid(false);
78
101
 
79
- _this.addHookDefinition("overlay", useOverlayView);
102
+ _this.addHookDefinition("overlay", _useOverlayView.useOverlayView);
80
103
 
81
- _this.addElement(new HeaderElement("overlayHeader", {
104
+ _this.addElement(new _HeaderElement.HeaderElement("overlayHeader", {
82
105
  onClose: function onClose() {
83
106
  return _this.setIsVisible(false);
84
107
  }
85
108
  }));
86
109
 
87
- _this.addElement(new ContentElement("overlayContent"));
110
+ _this.addElement(new _ContentElement.ContentElement("overlayContent"));
88
111
 
89
112
  _this.applyPlugins(OverlayView);
90
113
 
91
114
  return _this;
92
115
  }
93
116
 
94
- _createClass(OverlayView, [{
117
+ (0, _createClass2.default)(OverlayView, [{
95
118
  key: "setTitle",
96
119
  value: function setTitle(title) {
97
120
  this.getHeaderElement().setTitle(title);
@@ -101,7 +124,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
101
124
  value: function onEntered() {
102
125
  var _this2 = this;
103
126
 
104
- _toConsumableArray(this._onEntered).reverse().forEach(function (cb) {
127
+ (0, _toConsumableArray2.default)(this._onEntered).reverse().forEach(function (cb) {
105
128
  return cb(_this2);
106
129
  });
107
130
  }
@@ -110,7 +133,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
110
133
  value: function onExited() {
111
134
  var _this3 = this;
112
135
 
113
- _toConsumableArray(this._onExited).reverse().forEach(function (cb) {
136
+ (0, _toConsumableArray2.default)(this._onExited).reverse().forEach(function (cb) {
114
137
  return cb(_this3);
115
138
  });
116
139
  }
@@ -152,7 +175,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
152
175
  var _this$getOverlayHook = this.getOverlayHook(),
153
176
  isVisible = _this$getOverlayHook.isVisible;
154
177
 
155
- return /*#__PURE__*/React.createElement(Transition, {
178
+ return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
156
179
  in: isVisible,
157
180
  timeout: 100,
158
181
  appear: true,
@@ -163,14 +186,14 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
163
186
  return _this4.onEntered();
164
187
  }
165
188
  }, function (state) {
166
- return /*#__PURE__*/React.createElement(OverlayLayoutWrapper, {
167
- style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
168
- }, _get(_getPrototypeOf(OverlayView.prototype), "render", _this4).call(_this4, props));
189
+ return /*#__PURE__*/_react.default.createElement(OverlayLayoutWrapper, {
190
+ style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state])
191
+ }, (0, _get2.default)((0, _getPrototypeOf2.default)(OverlayView.prototype), "render", _this4).call(_this4, props));
169
192
  });
170
193
  }
171
194
  }]);
172
-
173
195
  return OverlayView;
174
- }(UIView);
196
+ }(_UIView2.UIView);
175
197
 
176
- _defineProperty(OverlayView, "openedViews", 0);
198
+ exports.OverlayView = OverlayView;
199
+ (0, _defineProperty2.default)(OverlayView, "openedViews", 0);
@@ -0,0 +1 @@
1
+ {"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","top","left","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayView","id","useGrid","addHookDefinition","useOverlayView","addElement","HeaderElement","onClose","setIsVisible","ContentElement","applyPlugins","title","getHeaderElement","setTitle","_onEntered","reverse","forEach","cb","_onExited","push","getHook","visible","getOverlayHook","getElement","props","isVisible","onExited","onEntered","state","UIView"],"sources":["OverlayView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { UIView, UIViewProps } from \"~/ui/UIView\";\nimport { UseOverlayView, useOverlayView } from \"./OverlayView/useOverlayView\";\nimport { HeaderElement } from \"./OverlayView/HeaderElement\";\nimport { ContentElement } from \"./OverlayView/ContentElement\";\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into an OverlayViewRenderer class.\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n position: \"fixed\",\n width: \"100%\",\n height: \"100vh\",\n backgroundColor: \"var(--mdc-theme-background)\",\n /**\n * Has to be higher than 5 so it's above advanced settings dialog,\n * and below 20, so the image editor & Dialogs can be displayed above.\n */\n zIndex: 18,\n top: 0,\n left: 0\n});\n\nconst defaultStyle: Record<string, string | number> = {\n transform: \"translateY(75vh)\",\n opacity: 0,\n transitionProperty: \"transform, opacity\",\n transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n transitionDuration: \"225ms\",\n willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n entering: {\n transform: \"translateY(75vh)\",\n opacity: 0\n },\n entered: {\n transform: \"translateY(0px)\",\n opacity: 1\n }\n};\n\ninterface OnExited {\n (view: OverlayView): void;\n}\n\ninterface OnEntered {\n (view: OverlayView): void;\n}\n\nexport class OverlayView extends UIView {\n /**\n * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable\n * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.\n */\n static openedViews = 0;\n private _onEntered: OnEntered[] = [];\n private _onExited: OnExited[] = [];\n\n public constructor(id = \"OverlayView\") {\n super(id);\n this.useGrid(false);\n\n this.addHookDefinition(\"overlay\", useOverlayView);\n\n this.addElement(\n new HeaderElement(\"overlayHeader\", {\n onClose: () => this.setIsVisible(false)\n })\n );\n\n this.addElement(new ContentElement(\"overlayContent\"));\n\n this.applyPlugins(OverlayView);\n }\n\n public setTitle(title: () => string): void {\n this.getHeaderElement().setTitle(title);\n }\n\n public onEntered(): void {\n [...this._onEntered].reverse().forEach(cb => cb(this));\n }\n\n public onExited(): void {\n [...this._onExited].reverse().forEach(cb => cb(this));\n }\n\n public addOnEntered(cb: OnExited): void {\n this._onEntered.push(cb);\n }\n\n public addOnExited(cb: OnExited): void {\n this._onExited.push(cb);\n }\n\n public getOverlayHook(): UseOverlayView {\n return this.getHook<UseOverlayView>(\"overlay\");\n }\n\n public setIsVisible(visible: boolean): void {\n this.getOverlayHook().setIsVisible(visible);\n }\n\n public getHeaderElement(): HeaderElement {\n return this.getElement(\"overlayHeader\") as HeaderElement;\n }\n\n public getContentElement(): ContentElement {\n return this.getElement(\"overlayContent\") as HeaderElement;\n }\n\n public override render(props: UIViewProps): React.ReactNode {\n const { isVisible } = this.getOverlayHook();\n return (\n <Transition\n in={isVisible}\n timeout={100}\n appear\n onExited={() => this.onExited()}\n onEntered={() => this.onEntered()}\n >\n {state => (\n <OverlayLayoutWrapper style={{ ...defaultStyle, ...transitionStyles[state] }}>\n {super.render(props)}\n </OverlayLayoutWrapper>\n )}\n </Transition>\n );\n }\n}\n"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { UIElement } from "../../UIElement";
1
+ import React from "react";
2
+ import { UIElement, UiElementRenderProps } from "../../UIElement";
3
3
  export declare class SplitViewPanelElement extends UIElement<any> {
4
4
  private _width;
5
5
  private _classNames;
@@ -7,5 +7,5 @@ export declare class SplitViewPanelElement extends UIElement<any> {
7
7
  addClassName(className: string): void;
8
8
  removeClassName(className: string): void;
9
9
  setContentElement(element: UIElement): void;
10
- render(props: any): JSX.Element;
10
+ render(props: UiElementRenderProps): React.ReactNode;
11
11
  }
@@ -1,39 +1,57 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _get from "@babel/runtime/helpers/get";
5
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
- import _inherits from "@babel/runtime/helpers/inherits";
7
- import _createSuper from "@babel/runtime/helpers/createSuper";
8
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
- import React from "react";
10
- import classNames from "classnames";
11
- import { UIElement } from "../../UIElement";
12
- import { Cell } from "@webiny/ui/Grid";
13
- export var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
14
- _inherits(SplitViewPanelElement, _UIElement);
15
-
16
- var _super = _createSuper(SplitViewPanelElement);
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.SplitViewPanelElement = void 0;
9
+
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
+
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
+
16
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
17
+
18
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
+
20
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
+
22
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
23
+
24
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
+
26
+ var _react = _interopRequireDefault(require("react"));
27
+
28
+ var _classnames = _interopRequireDefault(require("classnames"));
29
+
30
+ var _UIElement2 = require("../../UIElement");
31
+
32
+ var _Grid = require("@webiny/ui/Grid");
33
+
34
+ var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
35
+ (0, _inherits2.default)(SplitViewPanelElement, _UIElement);
36
+
37
+ var _super = (0, _createSuper2.default)(SplitViewPanelElement);
17
38
 
18
39
  function SplitViewPanelElement() {
19
40
  var _this;
20
41
 
21
- _classCallCheck(this, SplitViewPanelElement);
42
+ (0, _classCallCheck2.default)(this, SplitViewPanelElement);
22
43
 
23
44
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
45
  args[_key] = arguments[_key];
25
46
  }
26
47
 
27
48
  _this = _super.call.apply(_super, [this].concat(args));
28
-
29
- _defineProperty(_assertThisInitialized(_this), "_width", 12);
30
-
31
- _defineProperty(_assertThisInitialized(_this), "_classNames", new Set());
32
-
49
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_width", 12);
50
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_classNames", new Set());
33
51
  return _this;
34
52
  }
35
53
 
36
- _createClass(SplitViewPanelElement, [{
54
+ (0, _createClass2.default)(SplitViewPanelElement, [{
37
55
  key: "setWidth",
38
56
  value: function setWidth(width) {
39
57
  this._width = width;
@@ -61,12 +79,13 @@ export var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
61
79
  }, {
62
80
  key: "render",
63
81
  value: function render(props) {
64
- return /*#__PURE__*/React.createElement(Cell, {
82
+ return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
65
83
  span: this._width,
66
- className: classNames(Array.from(this._classNames.values()))
67
- }, _get(_getPrototypeOf(SplitViewPanelElement.prototype), "render", this).call(this, props));
84
+ className: (0, _classnames.default)(Array.from(this._classNames.values()))
85
+ }, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitViewPanelElement.prototype), "render", this).call(this, props));
68
86
  }
69
87
  }]);
70
-
71
88
  return SplitViewPanelElement;
72
- }(UIElement);
89
+ }(_UIElement2.UIElement);
90
+
91
+ exports.SplitViewPanelElement = SplitViewPanelElement;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["SplitViewPanelElement","Set","width","_width","className","_classNames","add","delete","element","getChildren","forEach","el","remove","addElement","props","classNames","Array","from","values","UIElement"],"sources":["SplitViewPanelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Cell } from \"@webiny/ui/Grid\";\n\nexport class SplitViewPanelElement extends UIElement<any> {\n private _width = 12;\n private _classNames: Set<string> = new Set();\n\n public setWidth(width: number): void {\n this._width = width;\n }\n\n public addClassName(className: string): void {\n this._classNames.add(className);\n }\n\n public removeClassName(className: string): void {\n this._classNames.delete(className);\n }\n\n public setContentElement(element: UIElement): void {\n // Remove previous content\n this.getChildren().forEach(el => el.remove());\n\n // Add new content\n this.addElement(element);\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n return (\n <Cell span={this._width} className={classNames(Array.from(this._classNames.values()))}>\n {super.render(props)}\n </Cell>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;IAEaA,qB;;;;;;;;;;;;;;;yFACQ,E;8FACkB,IAAIC,GAAJ,E;;;;;;WAEnC,kBAAgBC,KAAhB,EAAqC;MACjC,KAAKC,MAAL,GAAcD,KAAd;IACH;;;WAED,sBAAoBE,SAApB,EAA6C;MACzC,KAAKC,WAAL,CAAiBC,GAAjB,CAAqBF,SAArB;IACH;;;WAED,yBAAuBA,SAAvB,EAAgD;MAC5C,KAAKC,WAAL,CAAiBE,MAAjB,CAAwBH,SAAxB;IACH;;;WAED,2BAAyBI,OAAzB,EAAmD;MAC/C;MACA,KAAKC,WAAL,GAAmBC,OAAnB,CAA2B,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,MAAH,EAAJ;MAAA,CAA7B,EAF+C,CAI/C;;MACA,KAAKC,UAAL,CAAgBL,OAAhB;IACH;;;WAED,gBAAuBM,KAAvB,EAAqE;MACjE,oBACI,6BAAC,UAAD;QAAM,IAAI,EAAE,KAAKX,MAAjB;QAAyB,SAAS,EAAE,IAAAY,mBAAA,EAAWC,KAAK,CAACC,IAAN,CAAW,KAAKZ,WAAL,CAAiBa,MAAjB,EAAX,CAAX;MAApC,iHACkBJ,KADlB,EADJ;IAKH;;;EA9BsCK,qB"}
@@ -8,9 +8,9 @@ interface SplitViewConfig {
8
8
  }
9
9
  export declare class SplitView extends UIView {
10
10
  private _classNames;
11
- private _leftPanel;
12
- private _rightPanel;
13
- constructor(id: any, config?: SplitViewConfig);
11
+ private _leftPanel?;
12
+ private _rightPanel?;
13
+ constructor(id: string, config?: SplitViewConfig);
14
14
  addClassName(className: string): void;
15
15
  removeClassName(className: string): void;
16
16
  getLeftPanel(): SplitViewPanelElement;
@@ -1,18 +1,41 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
- import _get from "@babel/runtime/helpers/get";
5
- import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
6
- import _inherits from "@babel/runtime/helpers/inherits";
7
- import _createSuper from "@babel/runtime/helpers/createSuper";
8
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
9
- import React from "react";
10
- import classNames from "classnames";
11
- import { css } from "emotion";
12
- import { Grid } from "@webiny/ui/Grid";
13
- import { SplitViewPanelElement } from "./SplitView/SplitViewPanelElement";
14
- import { UIView } from "../UIView";
15
- var grid = /*#__PURE__*/css({
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.SplitView = void 0;
9
+
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+
12
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
+
14
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
+
16
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
17
+
18
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
+
20
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
21
+
22
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
23
+
24
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
25
+
26
+ var _react = _interopRequireDefault(require("react"));
27
+
28
+ var _classnames = _interopRequireDefault(require("classnames"));
29
+
30
+ var _emotion = require("emotion");
31
+
32
+ var _Grid = require("@webiny/ui/Grid");
33
+
34
+ var _SplitViewPanelElement = require("./SplitView/SplitViewPanelElement");
35
+
36
+ var _UIView2 = require("../UIView");
37
+
38
+ var grid = /*#__PURE__*/(0, _emotion.css)({
16
39
  "&.mdc-layout-grid": {
17
40
  padding: 0,
18
41
  backgroundColor: "var(--mdc-theme-background)",
@@ -21,7 +44,7 @@ var grid = /*#__PURE__*/css({
21
44
  }
22
45
  }
23
46
  }, "label:grid;");
24
- var leftPanel = /*#__PURE__*/css({
47
+ var leftPanel = /*#__PURE__*/(0, _emotion.css)({
25
48
  backgroundColor: "var(--mdc-theme-surface)",
26
49
  ">.webiny-data-list": {
27
50
  display: "flex",
@@ -38,30 +61,26 @@ var leftPanel = /*#__PURE__*/css({
38
61
  overflow: "auto"
39
62
  }
40
63
  }, "label:leftPanel;");
41
- var rightPanel = /*#__PURE__*/css({
64
+ var rightPanel = /*#__PURE__*/(0, _emotion.css)({
42
65
  backgroundColor: "var(--mdc-theme-background)",
43
66
  overflow: "auto",
44
67
  height: "calc(100vh - 70px)"
45
68
  }, "label:rightPanel;");
46
- export var SplitView = /*#__PURE__*/function (_UIView) {
47
- _inherits(SplitView, _UIView);
48
69
 
49
- var _super = _createSuper(SplitView);
70
+ var SplitView = /*#__PURE__*/function (_UIView) {
71
+ (0, _inherits2.default)(SplitView, _UIView);
72
+
73
+ var _super = (0, _createSuper2.default)(SplitView);
50
74
 
51
75
  function SplitView(id) {
52
76
  var _this;
53
77
 
54
78
  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
55
-
56
- _classCallCheck(this, SplitView);
57
-
79
+ (0, _classCallCheck2.default)(this, SplitView);
58
80
  _this = _super.call(this, "SplitView.".concat(id));
59
-
60
- _defineProperty(_assertThisInitialized(_this), "_classNames", new Set());
61
-
62
- _defineProperty(_assertThisInitialized(_this), "_leftPanel", void 0);
63
-
64
- _defineProperty(_assertThisInitialized(_this), "_rightPanel", void 0);
81
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_classNames", new Set());
82
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_leftPanel", void 0);
83
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_rightPanel", void 0);
65
84
 
66
85
  _this.useGrid(false);
67
86
 
@@ -82,7 +101,7 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
82
101
  return _this;
83
102
  }
84
103
 
85
- _createClass(SplitView, [{
104
+ (0, _createClass2.default)(SplitView, [{
86
105
  key: "addClassName",
87
106
  value: function addClassName(className) {
88
107
  this._classNames.add(className);
@@ -105,14 +124,14 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
105
124
  }, {
106
125
  key: "render",
107
126
  value: function render(props) {
108
- return /*#__PURE__*/React.createElement(Grid, {
109
- className: classNames(Array.from(this._classNames.values()))
110
- }, _get(_getPrototypeOf(SplitView.prototype), "render", this).call(this, props));
127
+ return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
128
+ className: (0, _classnames.default)(Array.from(this._classNames.values()))
129
+ }, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitView.prototype), "render", this).call(this, props));
111
130
  }
112
131
  }, {
113
132
  key: "addElements",
114
133
  value: function addElements() {
115
- this._leftPanel = new SplitViewPanelElement("leftPanel");
134
+ this._leftPanel = new _SplitViewPanelElement.SplitViewPanelElement("leftPanel");
116
135
 
117
136
  this._leftPanel.useGrid(false);
118
137
 
@@ -122,7 +141,7 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
122
141
 
123
142
  this._leftPanel.addClassName("webiny-split-view__left-panel");
124
143
 
125
- this._rightPanel = new SplitViewPanelElement("rightPanel");
144
+ this._rightPanel = new _SplitViewPanelElement.SplitViewPanelElement("rightPanel");
126
145
 
127
146
  this._rightPanel.useGrid(false);
128
147
 
@@ -137,6 +156,7 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
137
156
  this._rightPanel.moveAfter(this._leftPanel);
138
157
  }
139
158
  }]);
140
-
141
159
  return SplitView;
142
- }(UIView);
160
+ }(_UIView2.UIView);
161
+
162
+ exports.SplitView = SplitView;
@@ -0,0 +1 @@
1
+ {"version":3,"names":["grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","id","config","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","_classNames","add","delete","getElement","props","classNames","Array","from","values","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n \"&.mdc-layout-grid\": {\n padding: 0,\n backgroundColor: \"var(--mdc-theme-background)\",\n \">.mdc-layout-grid__inner\": {\n gridGap: 0\n }\n }\n});\n\nconst leftPanel = css({\n backgroundColor: \"var(--mdc-theme-surface)\",\n \">.webiny-data-list\": {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"calc(100vh - 70px)\",\n \".mdc-list\": {\n overflow: \"auto\"\n }\n },\n \">.mdc-list\": {\n display: \"flex\",\n flexDirection: \"column\",\n maxHeight: \"calc(100vh - 70px)\",\n overflow: \"auto\"\n }\n});\n\nconst rightPanel = css({\n backgroundColor: \"var(--mdc-theme-background)\",\n overflow: \"auto\",\n height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n leftPanel?: UIElement;\n rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n private _classNames = new Set();\n private _leftPanel?: SplitViewPanelElement;\n private _rightPanel?: SplitViewPanelElement;\n\n public constructor(id: string, config: SplitViewConfig = {}) {\n super(`SplitView.${id}`);\n\n this.useGrid(false);\n this.addClassName(grid);\n this.addClassName(\"webiny-split-view\");\n this.addElements();\n\n if (config.leftPanel) {\n this.getLeftPanel().addElement(config.leftPanel);\n }\n\n if (config.rightPanel) {\n this.getRightPanel().addElement(config.rightPanel);\n }\n }\n\n public addClassName(className: string): void {\n this._classNames.add(className);\n }\n\n public removeClassName(className: string): void {\n this._classNames.delete(className);\n }\n\n public getLeftPanel(): SplitViewPanelElement {\n return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n }\n\n public getRightPanel(): SplitViewPanelElement {\n return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n }\n\n public override render(props?: any): React.ReactNode {\n return (\n <Grid className={classNames(Array.from(this._classNames.values()))}>\n {super.render(props)}\n </Grid>\n );\n }\n\n private addElements(): void {\n this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n this._leftPanel.useGrid(false);\n this._leftPanel.setWidth(5);\n this._leftPanel.addClassName(leftPanel);\n this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n this._rightPanel.useGrid(false);\n this._rightPanel.setWidth(7);\n this._rightPanel.addClassName(rightPanel);\n this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n this.addElement(this._leftPanel);\n this._rightPanel.moveAfter(this._leftPanel);\n }\n}\n"],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- declare const _default: () => (import("./FileManagerFileTypePlugin").FileManagerFileTypePlugin[] | (import("@webiny/ui-composer/UIView").UIViewPlugin<import("../ui/views/NavigationView").NavigationView> | import("@webiny/ui-composer/UIElement").UIElementPlugin<import("../ui/elements/NavigationMenuElement").NavigationMenuElement<import("../ui/elements/NavigationMenuElement").NavigationMenuElementConfig>>)[] | import("@webiny/ui-composer/UIView").UIViewPlugin<import("../ui/views/AdminView").AdminView> | import("@webiny/ui-composer/UILayout").UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout> | {
2
- type: string;
3
- name: string;
4
- preventOpen(e: any): boolean;
5
- })[];
6
- export default _default;
package/plugins/index.js DELETED
@@ -1,8 +0,0 @@
1
- import fileManager from "./fileManager";
2
- import menu from "./menu";
3
- import userMenu from "./userMenu";
4
- import uiLayoutRenderer from "./uiLayoutRenderer";
5
- import { globalSearch, globalSearchHotkey } from "./globalSearch";
6
- export default (function () {
7
- return [menu, fileManager, userMenu, globalSearch, globalSearchHotkey, uiLayoutRenderer];
8
- });
@@ -1,22 +0,0 @@
1
- import React from "react";
2
- declare class Logo extends React.Component<any> {
3
- static defaultProps: {
4
- width: number;
5
- height: number;
6
- mobileWidth: number;
7
- mobileHeight: number;
8
- altText: string;
9
- className: string;
10
- white: boolean;
11
- onClick: any;
12
- };
13
- checkDisplayInterval: any;
14
- state: {
15
- display: string;
16
- };
17
- shouldComponentUpdate(_: any, state: any): boolean;
18
- componentDidMount(): void;
19
- componentWillUnmount(): void;
20
- render(): JSX.Element;
21
- }
22
- export default Logo;