@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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 (451) hide show
  1. package/assets/icons/slack-logo.svg +1 -1
  2. package/base/Admin.d.ts +7 -0
  3. package/base/Admin.js +41 -0
  4. package/base/Admin.js.map +1 -0
  5. package/base/Base.d.ts +2 -0
  6. package/base/Base.js +91 -0
  7. package/base/Base.js.map +1 -0
  8. package/base/plugins/AddGraphQLQuerySelection.d.ts +9 -0
  9. package/base/plugins/AddGraphQLQuerySelection.js +23 -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 +21 -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 +31 -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 +18 -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 +57 -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 +15 -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 +35 -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 +15 -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 +19 -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 +15 -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 +21 -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 +30 -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 +137 -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 +151 -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 +15 -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 +63 -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 +22 -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 +113 -0
  61. package/base/ui/UserMenu.js.map +1 -0
  62. package/components/AdminLayout.d.ts +1 -2
  63. package/components/AdminLayout.js +16 -34
  64. package/components/AdminLayout.js.map +1 -0
  65. package/components/AppInstaller/AppInstaller.d.ts +7 -0
  66. package/components/AppInstaller/AppInstaller.js +149 -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 +56 -59
  70. package/components/AppInstaller/Sidebar.js.map +1 -0
  71. package/components/AppInstaller/index.d.ts +1 -4
  72. package/components/AppInstaller/index.js +21 -133
  73. package/components/AppInstaller/index.js.map +1 -0
  74. package/components/AppInstaller/styled.d.ts +6 -4
  75. package/components/AppInstaller/styled.js +27 -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 +141 -155
  79. package/components/AppInstaller/useInstaller.js.map +1 -0
  80. package/components/EmptyView.d.ts +5 -5
  81. package/components/EmptyView.js +21 -15
  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 +22 -16
  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 +16 -12
  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 +19 -13
  91. package/components/FileManager/BottomInfoBar.js.map +1 -0
  92. package/components/FileManager/DropFilesHere.d.ts +5 -3
  93. package/components/FileManager/DropFilesHere.js +25 -16
  94. package/components/FileManager/DropFilesHere.js.map +1 -0
  95. package/components/FileManager/File.d.ts +8 -9
  96. package/components/FileManager/File.js +45 -32
  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 +75 -80
  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 +197 -152
  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 +197 -182
  106. package/components/FileManager/FileDetails.js.map +1 -0
  107. package/components/FileManager/FileManagerContext.d.ts +28 -9
  108. package/components/FileManager/FileManagerContext.js +65 -48
  109. package/components/FileManager/FileManagerContext.js.map +1 -0
  110. package/components/FileManager/FileManagerView.d.ts +12 -17
  111. package/components/FileManager/FileManagerView.js +324 -345
  112. package/components/FileManager/FileManagerView.js.map +1 -0
  113. package/components/FileManager/LeftSidebar.d.ts +7 -5
  114. package/components/FileManager/LeftSidebar.js +53 -40
  115. package/components/FileManager/LeftSidebar.js.map +1 -0
  116. package/components/FileManager/NoPermissionView.d.ts +2 -2
  117. package/components/FileManager/NoPermissionView.js +25 -21
  118. package/components/FileManager/NoPermissionView.js.map +1 -0
  119. package/components/FileManager/NoResults.d.ts +3 -2
  120. package/components/FileManager/NoResults.js +16 -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 +43 -19
  124. package/components/FileManager/getFileTypePlugin.js.map +1 -0
  125. package/components/FileManager/getFileUploader.d.ts +2 -1
  126. package/components/FileManager/getFileUploader.js +10 -5
  127. package/components/FileManager/getFileUploader.js.map +1 -0
  128. package/components/FileManager/graphql.d.ts +90 -0
  129. package/components/FileManager/graphql.js +44 -14
  130. package/components/FileManager/graphql.js.map +1 -0
  131. package/components/FileManager/outputFileSelectionError.d.ts +7 -2
  132. package/components/FileManager/outputFileSelectionError.js +14 -13
  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 +107 -122
  139. package/components/FileManager.js.map +1 -0
  140. package/components/FloatingActionButton.d.ts +2 -2
  141. package/components/FloatingActionButton.js +13 -7
  142. package/components/FloatingActionButton.js.map +1 -0
  143. package/components/MultiImageUpload.d.ts +13 -4
  144. package/components/MultiImageUpload.js +25 -11
  145. package/components/MultiImageUpload.js.map +1 -0
  146. package/components/OverlayLayout/OverlayLayout.d.ts +11 -13
  147. package/components/OverlayLayout/OverlayLayout.js +53 -57
  148. package/components/OverlayLayout/OverlayLayout.js.map +1 -0
  149. package/components/OverlayLayout/index.d.ts +1 -1
  150. package/components/OverlayLayout/index.js +16 -1
  151. package/components/OverlayLayout/index.js.map +1 -0
  152. package/components/Permissions/Permissions.d.ts +6 -4
  153. package/components/Permissions/Permissions.js +43 -28
  154. package/components/Permissions/Permissions.js.map +1 -0
  155. package/components/Permissions/StyledComponents.d.ts +6 -4
  156. package/components/Permissions/StyledComponents.js +20 -10
  157. package/components/Permissions/StyledComponents.js.map +1 -0
  158. package/components/Permissions/index.js +27 -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 +17 -9
  162. package/components/RichTextEditor/RichTextEditor.js.map +1 -0
  163. package/components/RichTextEditor/index.js +19 -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 +93 -133
  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 +45 -58
  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 +35 -40
  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 +61 -64
  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 +101 -133
  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 +73 -60
  188. package/components/RichTextEditor/tools/textColor/index.js.map +1 -0
  189. package/components/RichTextEditor/tools/utils.js +13 -6
  190. package/components/RichTextEditor/tools/utils.js.map +1 -0
  191. package/components/Routes.d.ts +6 -0
  192. package/components/Routes.js +42 -0
  193. package/components/Routes.js.map +1 -0
  194. package/components/SearchUI.d.ts +5 -4
  195. package/components/SearchUI.js +28 -14
  196. package/components/SearchUI.js.map +1 -0
  197. package/components/SimpleForm/SimpleForm.d.ts +11 -11
  198. package/components/SimpleForm/SimpleForm.js +41 -39
  199. package/components/SimpleForm/SimpleForm.js.map +1 -0
  200. package/components/SimpleForm/index.js +30 -1
  201. package/components/SimpleForm/index.js.map +1 -0
  202. package/components/SimpleUI/InputField.d.ts +6 -3
  203. package/components/SimpleUI/InputField.js +51 -46
  204. package/components/SimpleUI/InputField.js.map +1 -0
  205. package/components/SingleImageUpload.d.ts +43 -13
  206. package/components/SingleImageUpload.js +79 -83
  207. package/components/SingleImageUpload.js.map +1 -0
  208. package/components/SplitView/SplitView.d.ts +6 -5
  209. package/components/SplitView/SplitView.js +33 -34
  210. package/components/SplitView/SplitView.js.map +1 -0
  211. package/components/SplitView/index.js +24 -1
  212. package/components/SplitView/index.js.map +1 -0
  213. package/components/index.js +12 -1
  214. package/components/index.js.map +1 -0
  215. package/hooks/useConfirmationDialog.d.ts +8 -5
  216. package/hooks/useConfirmationDialog.js +28 -24
  217. package/hooks/useConfirmationDialog.js.map +1 -0
  218. package/hooks/useDialog.d.ts +8 -3
  219. package/hooks/useDialog.js +12 -7
  220. package/hooks/useDialog.js.map +1 -0
  221. package/hooks/useSnackbar.d.ts +6 -3
  222. package/hooks/useSnackbar.js +15 -7
  223. package/hooks/useSnackbar.js.map +1 -0
  224. package/index.d.ts +35 -0
  225. package/index.js +325 -0
  226. package/index.js.map +1 -0
  227. package/package.json +47 -46
  228. package/plugins/FileManagerFileTypePlugin.d.ts +3 -3
  229. package/plugins/FileManagerFileTypePlugin.js +26 -24
  230. package/plugins/FileManagerFileTypePlugin.js.map +1 -0
  231. package/plugins/MenuPlugin.d.ts +22 -5
  232. package/plugins/MenuPlugin.js +26 -24
  233. package/plugins/MenuPlugin.js.map +1 -0
  234. package/plugins/PermissionRendererPlugin.d.ts +4 -4
  235. package/plugins/PermissionRendererPlugin.js +26 -24
  236. package/plugins/PermissionRendererPlugin.js.map +1 -0
  237. package/plugins/fileManager/fileDefault.d.ts +1 -2
  238. package/plugins/fileManager/fileDefault.js +16 -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 +46 -49
  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 +71 -71
  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 +19 -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 +19 -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 +69 -85
  254. package/plugins/globalSearch/SearchBar.js.map +1 -0
  255. package/plugins/globalSearch/SearchBarDropdown.d.ts +19 -1
  256. package/plugins/globalSearch/SearchBarDropdown.js +45 -44
  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 +29 -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 +23 -25
  266. package/plugins/uiLayoutRenderer/index.js.map +1 -0
  267. package/styles/material-theme-assignments.scss +84 -67
  268. package/styles/material.scss +4 -35
  269. package/styles/theme.scss +34 -1
  270. package/types.d.ts +12 -19
  271. package/types.js +5 -1
  272. package/types.js.map +1 -0
  273. package/ui/UIElement.d.ts +1 -1
  274. package/ui/UIElement.js +18 -1
  275. package/ui/UIElement.js.map +1 -0
  276. package/ui/UILayout.js +18 -1
  277. package/ui/UILayout.js.map +1 -0
  278. package/ui/UIRenderer.js +12 -1
  279. package/ui/UIRenderer.js.map +1 -0
  280. package/ui/UIView.d.ts +1 -1
  281. package/ui/UIView.js +24 -1
  282. package/ui/UIView.js.map +1 -0
  283. package/ui/elements/AccordionElement.d.ts +5 -5
  284. package/ui/elements/AccordionElement.js +41 -43
  285. package/ui/elements/AccordionElement.js.map +1 -0
  286. package/ui/elements/ButtonElement.d.ts +3 -3
  287. package/ui/elements/ButtonElement.js +35 -27
  288. package/ui/elements/ButtonElement.js.map +1 -0
  289. package/ui/elements/ButtonGroupElement.d.ts +2 -2
  290. package/ui/elements/ButtonGroupElement.js +25 -25
  291. package/ui/elements/ButtonGroupElement.js.map +1 -0
  292. package/ui/elements/GenericElement.js +16 -1
  293. package/ui/elements/GenericElement.js.map +1 -0
  294. package/ui/elements/LabelElement.js +19 -20
  295. package/ui/elements/LabelElement.js.map +1 -0
  296. package/ui/elements/NavigationMenuElement.d.ts +2 -1
  297. package/ui/elements/NavigationMenuElement.js +39 -53
  298. package/ui/elements/NavigationMenuElement.js.map +1 -0
  299. package/ui/elements/PanelElement.js +18 -13
  300. package/ui/elements/PanelElement.js.map +1 -0
  301. package/ui/elements/PlaceholderElement.d.ts +2 -1
  302. package/ui/elements/PlaceholderElement.js +18 -15
  303. package/ui/elements/PlaceholderElement.js.map +1 -0
  304. package/ui/elements/SmallButtonElement.d.ts +1 -1
  305. package/ui/elements/SmallButtonElement.js +25 -27
  306. package/ui/elements/SmallButtonElement.js.map +1 -0
  307. package/ui/elements/TypographyElement.d.ts +1 -1
  308. package/ui/elements/TypographyElement.js +25 -26
  309. package/ui/elements/TypographyElement.js.map +1 -0
  310. package/ui/elements/ViewElement.js +16 -1
  311. package/ui/elements/ViewElement.js.map +1 -0
  312. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.d.ts +2 -2
  313. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +32 -32
  314. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -0
  315. package/ui/elements/form/DynamicFieldsetElement.d.ts +19 -18
  316. package/ui/elements/form/DynamicFieldsetElement.js +47 -39
  317. package/ui/elements/form/DynamicFieldsetElement.js.map +1 -0
  318. package/ui/elements/form/FileManagerElement/EmptyStateElement.js +20 -18
  319. package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -0
  320. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +33 -32
  321. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -0
  322. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +53 -44
  323. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -0
  324. package/ui/elements/form/FileManagerElement/styled.d.ts +19 -13
  325. package/ui/elements/form/FileManagerElement/styled.js +22 -13
  326. package/ui/elements/form/FileManagerElement/styled.js.map +1 -0
  327. package/ui/elements/form/FileManagerElement.d.ts +6 -6
  328. package/ui/elements/form/FileManagerElement.js +25 -28
  329. package/ui/elements/form/FileManagerElement.js.map +1 -0
  330. package/ui/elements/form/FormElement.d.ts +5 -5
  331. package/ui/elements/form/FormElement.js +27 -27
  332. package/ui/elements/form/FormElement.js.map +1 -0
  333. package/ui/elements/form/FormFieldElement.d.ts +9 -8
  334. package/ui/elements/form/FormFieldElement.js +39 -49
  335. package/ui/elements/form/FormFieldElement.js.map +1 -0
  336. package/ui/elements/form/HiddenElement.js +21 -23
  337. package/ui/elements/form/HiddenElement.js.map +1 -0
  338. package/ui/elements/form/InputElement.d.ts +1 -0
  339. package/ui/elements/form/InputElement.js +24 -25
  340. package/ui/elements/form/InputElement.js.map +1 -0
  341. package/ui/elements/form/PasswordElement.js +22 -21
  342. package/ui/elements/form/PasswordElement.js.map +1 -0
  343. package/ui/elements/form/SelectElement.d.ts +1 -1
  344. package/ui/elements/form/SelectElement.js +25 -27
  345. package/ui/elements/form/SelectElement.js.map +1 -0
  346. package/ui/elements/form/TextareaElement.js +23 -24
  347. package/ui/elements/form/TextareaElement.js.map +1 -0
  348. package/ui/views/AdminView/ContentElement.js +30 -38
  349. package/ui/views/AdminView/ContentElement.js.map +1 -0
  350. package/ui/views/AdminView/HeaderElement.js +51 -58
  351. package/ui/views/AdminView/HeaderElement.js.map +1 -0
  352. package/ui/views/AdminView/HeaderSectionCenterElement.d.ts +2 -2
  353. package/ui/views/AdminView/HeaderSectionCenterElement.js +27 -27
  354. package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -0
  355. package/ui/views/AdminView/HeaderSectionLeftElement.d.ts +2 -2
  356. package/ui/views/AdminView/HeaderSectionLeftElement.js +27 -27
  357. package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -0
  358. package/ui/views/AdminView/HeaderSectionRightElement.d.ts +2 -2
  359. package/ui/views/AdminView/HeaderSectionRightElement.js +27 -27
  360. package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -0
  361. package/ui/views/AdminView/components/Dialog.js +33 -27
  362. package/ui/views/AdminView/components/Dialog.js.map +1 -0
  363. package/ui/views/AdminView/components/Hamburger.d.ts +2 -2
  364. package/ui/views/AdminView/components/Hamburger.js +18 -12
  365. package/ui/views/AdminView/components/Hamburger.js.map +1 -0
  366. package/ui/views/AdminView/components/Snackbar.d.ts +2 -2
  367. package/ui/views/AdminView/components/Snackbar.js +20 -16
  368. package/ui/views/AdminView/components/Snackbar.js.map +1 -0
  369. package/ui/views/FormView/FormContainerElement.d.ts +2 -2
  370. package/ui/views/FormView/FormContainerElement.js +30 -31
  371. package/ui/views/FormView/FormContainerElement.js.map +1 -0
  372. package/ui/views/FormView/FormContentElement.js +18 -13
  373. package/ui/views/FormView/FormContentElement.js.map +1 -0
  374. package/ui/views/FormView/FormFooterElement.d.ts +3 -3
  375. package/ui/views/FormView/FormFooterElement.js +25 -25
  376. package/ui/views/FormView/FormFooterElement.js.map +1 -0
  377. package/ui/views/FormView/FormHeaderElement.d.ts +2 -2
  378. package/ui/views/FormView/FormHeaderElement.js +38 -38
  379. package/ui/views/FormView/FormHeaderElement.js.map +1 -0
  380. package/ui/views/FormView.d.ts +1 -1
  381. package/ui/views/FormView.js +58 -51
  382. package/ui/views/FormView.js.map +1 -0
  383. package/ui/views/OverlayView/ContentElement.d.ts +2 -2
  384. package/ui/views/OverlayView/ContentElement.js +25 -25
  385. package/ui/views/OverlayView/ContentElement.js.map +1 -0
  386. package/ui/views/OverlayView/HeaderElement.d.ts +5 -5
  387. package/ui/views/OverlayView/HeaderElement.js +42 -45
  388. package/ui/views/OverlayView/HeaderElement.js.map +1 -0
  389. package/ui/views/OverlayView/HeaderTitleElement.d.ts +1 -1
  390. package/ui/views/OverlayView/HeaderTitleElement.js +30 -33
  391. package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -0
  392. package/ui/views/OverlayView/useOverlayView.d.ts +4 -5
  393. package/ui/views/OverlayView/useOverlayView.js +26 -20
  394. package/ui/views/OverlayView/useOverlayView.js.map +1 -0
  395. package/ui/views/OverlayView.d.ts +4 -6
  396. package/ui/views/OverlayView.js +47 -58
  397. package/ui/views/OverlayView.js.map +1 -0
  398. package/ui/views/SplitView/SplitViewPanelElement.d.ts +3 -3
  399. package/ui/views/SplitView/SplitViewPanelElement.js +32 -33
  400. package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -0
  401. package/ui/views/SplitView.d.ts +3 -3
  402. package/ui/views/SplitView.js +39 -59
  403. package/ui/views/SplitView.js.map +1 -0
  404. package/plugins/index.d.ts +0 -6
  405. package/plugins/index.js +0 -8
  406. package/plugins/logo/Logo.d.ts +0 -22
  407. package/plugins/logo/Logo.js +0 -108
  408. package/plugins/logo/index.d.ts +0 -5
  409. package/plugins/logo/index.js +0 -32
  410. package/plugins/menu/documentation.d.ts +0 -4
  411. package/plugins/menu/documentation.js +0 -16
  412. package/plugins/menu/fileManager.d.ts +0 -4
  413. package/plugins/menu/fileManager.js +0 -64
  414. package/plugins/menu/index.d.ts +0 -6
  415. package/plugins/menu/index.js +0 -24
  416. package/plugins/menu/renderers/MenuGroupRenderer.d.ts +0 -7
  417. package/plugins/menu/renderers/MenuGroupRenderer.js +0 -126
  418. package/plugins/menu/renderers/MenuLinkRenderer.d.ts +0 -7
  419. package/plugins/menu/renderers/MenuLinkRenderer.js +0 -52
  420. package/plugins/menu/renderers/MenuSectionItemRenderer.d.ts +0 -7
  421. package/plugins/menu/renderers/MenuSectionItemRenderer.js +0 -77
  422. package/plugins/menu/renderers/MenuSectionRenderer.d.ts +0 -7
  423. package/plugins/menu/renderers/MenuSectionRenderer.js +0 -51
  424. package/plugins/menu/slack.d.ts +0 -4
  425. package/plugins/menu/slack.js +0 -16
  426. package/plugins/menu/source.d.ts +0 -4
  427. package/plugins/menu/source.js +0 -16
  428. package/plugins/userMenu/UserMenuElement.d.ts +0 -7
  429. package/plugins/userMenu/UserMenuElement.js +0 -43
  430. package/plugins/userMenu/UserMenuRenderer.d.ts +0 -6
  431. package/plugins/userMenu/UserMenuRenderer.js +0 -47
  432. package/plugins/userMenu/index.d.ts +0 -4
  433. package/plugins/userMenu/index.js +0 -16
  434. package/ui/views/AdminView.d.ts +0 -12
  435. package/ui/views/AdminView.js +0 -90
  436. package/ui/views/NavigationView/ContentElement.d.ts +0 -10
  437. package/ui/views/NavigationView/ContentElement.js +0 -86
  438. package/ui/views/NavigationView/FooterElement.d.ts +0 -13
  439. package/ui/views/NavigationView/FooterElement.js +0 -57
  440. package/ui/views/NavigationView/HeaderElement.d.ts +0 -16
  441. package/ui/views/NavigationView/HeaderElement.js +0 -66
  442. package/ui/views/NavigationView/NavigationViewRenderer.d.ts +0 -6
  443. package/ui/views/NavigationView/NavigationViewRenderer.js +0 -38
  444. package/ui/views/NavigationView/Styled.d.ts +0 -7
  445. package/ui/views/NavigationView/Styled.js +0 -47
  446. package/ui/views/NavigationView/legacyMenu.d.ts +0 -22
  447. package/ui/views/NavigationView/legacyMenu.js +0 -1
  448. package/ui/views/NavigationView/useNavigation.d.ts +0 -6
  449. package/ui/views/NavigationView/useNavigation.js +0 -22
  450. package/ui/views/NavigationView.d.ts +0 -26
  451. package/ui/views/NavigationView.js +0 -204
@@ -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,YAAG,EAAC;EACjBC,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAE;AACZ,CAAC,oBAAC;AAOK,IAAMC,cAAc,GAAG,SAAjBA,cAAc,GAAyB;EAChD,gBAAkC,IAAAC,eAAQ,EAAU,KAAK,CAAC;IAAA;IAAnDC,SAAS;IAAEC,YAAY;EAE9B,IAAAC,gBAAS,EAAC,YAAM;IACZ,IAAIF,SAAS,EAAE;MACXG,wBAAW,CAACC,WAAW,EAAE;MACzBC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,GAAG,CAACd,QAAQ,CAAC;IACzC,CAAC,MAAM,IAAI,CAACS,wBAAW,CAACC,WAAW,EAAE;MACjCC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAACf,QAAQ,CAAC;IAC5C;EACJ,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EAEf,IAAAE,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACT,IAAIC,wBAAW,CAACC,WAAW,GAAG,CAAC,EAAE;QAC7BD,wBAAW,CAACC,WAAW,EAAE;MAC7B;MACA,IAAI,CAACD,wBAAW,CAACC,WAAW,EAAE;QAC1BC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAACf,QAAQ,CAAC;MAC5C;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEM,SAAS,EAATA,SAAS;IAAEC,YAAY,EAAZA;EAAa,CAAC;AACtC,CAAC;AAAC"}
@@ -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,31 @@
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!
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.OverlayView = void 0;
8
+ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
10
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
13
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
14
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
18
+ var _react = _interopRequireDefault(require("react"));
19
+ var _reactTransitionGroup = require("react-transition-group");
20
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
21
+ var _UIView2 = require("../UIView");
22
+ var _useOverlayView = require("./OverlayView/useOverlayView");
23
+ var _HeaderElement = require("./OverlayView/HeaderElement");
24
+ var _ContentElement = require("./OverlayView/ContentElement");
25
+ // !GOOD FIRST ISSUE!
18
26
  // Extract rendering and styling into an OverlayViewRenderer class.
19
27
 
20
- var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
28
+ var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
21
29
  target: "e1xrojct0",
22
30
  label: "OverlayLayoutWrapper"
23
31
  })({
@@ -25,7 +33,6 @@ var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
25
33
  width: "100%",
26
34
  height: "100vh",
27
35
  backgroundColor: "var(--mdc-theme-background)",
28
-
29
36
  /**
30
37
  * Has to be higher than 5 so it's above advanced settings dialog,
31
38
  * and below 20, so the image editor & Dialogs can be displayed above.
@@ -52,46 +59,33 @@ var transitionStyles = {
52
59
  opacity: 1
53
60
  }
54
61
  };
55
- export var OverlayView = /*#__PURE__*/function (_UIView) {
56
- _inherits(OverlayView, _UIView);
57
-
58
- var _super = _createSuper(OverlayView);
59
-
62
+ var OverlayView = /*#__PURE__*/function (_UIView) {
63
+ (0, _inherits2.default)(OverlayView, _UIView);
64
+ var _super = (0, _createSuper2.default)(OverlayView);
60
65
  /**
61
66
  * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable
62
67
  * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.
63
68
  */
69
+
64
70
  function OverlayView() {
65
71
  var _this;
66
-
67
72
  var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "OverlayView";
68
-
69
- _classCallCheck(this, OverlayView);
70
-
73
+ (0, _classCallCheck2.default)(this, OverlayView);
71
74
  _this = _super.call(this, id);
72
-
73
- _defineProperty(_assertThisInitialized(_this), "_onEntered", []);
74
-
75
- _defineProperty(_assertThisInitialized(_this), "_onExited", []);
76
-
75
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onEntered", []);
76
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onExited", []);
77
77
  _this.useGrid(false);
78
-
79
- _this.addHookDefinition("overlay", useOverlayView);
80
-
81
- _this.addElement(new HeaderElement("overlayHeader", {
78
+ _this.addHookDefinition("overlay", _useOverlayView.useOverlayView);
79
+ _this.addElement(new _HeaderElement.HeaderElement("overlayHeader", {
82
80
  onClose: function onClose() {
83
81
  return _this.setIsVisible(false);
84
82
  }
85
83
  }));
86
-
87
- _this.addElement(new ContentElement("overlayContent"));
88
-
84
+ _this.addElement(new _ContentElement.ContentElement("overlayContent"));
89
85
  _this.applyPlugins(OverlayView);
90
-
91
86
  return _this;
92
87
  }
93
-
94
- _createClass(OverlayView, [{
88
+ (0, _createClass2.default)(OverlayView, [{
95
89
  key: "setTitle",
96
90
  value: function setTitle(title) {
97
91
  this.getHeaderElement().setTitle(title);
@@ -100,8 +94,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
100
94
  key: "onEntered",
101
95
  value: function onEntered() {
102
96
  var _this2 = this;
103
-
104
- _toConsumableArray(this._onEntered).reverse().forEach(function (cb) {
97
+ (0, _toConsumableArray2.default)(this._onEntered).reverse().forEach(function (cb) {
105
98
  return cb(_this2);
106
99
  });
107
100
  }
@@ -109,8 +102,7 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
109
102
  key: "onExited",
110
103
  value: function onExited() {
111
104
  var _this3 = this;
112
-
113
- _toConsumableArray(this._onExited).reverse().forEach(function (cb) {
105
+ (0, _toConsumableArray2.default)(this._onExited).reverse().forEach(function (cb) {
114
106
  return cb(_this3);
115
107
  });
116
108
  }
@@ -148,11 +140,9 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
148
140
  key: "render",
149
141
  value: function render(props) {
150
142
  var _this4 = this;
151
-
152
143
  var _this$getOverlayHook = this.getOverlayHook(),
153
- isVisible = _this$getOverlayHook.isVisible;
154
-
155
- return /*#__PURE__*/React.createElement(Transition, {
144
+ isVisible = _this$getOverlayHook.isVisible;
145
+ return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
156
146
  in: isVisible,
157
147
  timeout: 100,
158
148
  appear: true,
@@ -163,14 +153,13 @@ export var OverlayView = /*#__PURE__*/function (_UIView) {
163
153
  return _this4.onEntered();
164
154
  }
165
155
  }, 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));
156
+ return /*#__PURE__*/_react.default.createElement(OverlayLayoutWrapper, {
157
+ style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state])
158
+ }, (0, _get2.default)((0, _getPrototypeOf2.default)(OverlayView.prototype), "render", _this4).call(_this4, props));
169
159
  });
170
160
  }
171
161
  }]);
172
-
173
162
  return OverlayView;
174
- }(UIView);
175
-
176
- _defineProperty(OverlayView, "openedViews", 0);
163
+ }(_UIView2.UIView);
164
+ exports.OverlayView = OverlayView;
165
+ (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,37 @@
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";
17
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.SplitViewPanelElement = void 0;
8
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
12
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
+ var _react = _interopRequireDefault(require("react"));
17
+ var _classnames = _interopRequireDefault(require("classnames"));
18
+ var _UIElement2 = require("../../UIElement");
19
+ var _Grid = require("@webiny/ui/Grid");
20
+ var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
21
+ (0, _inherits2.default)(SplitViewPanelElement, _UIElement);
22
+ var _super = (0, _createSuper2.default)(SplitViewPanelElement);
18
23
  function SplitViewPanelElement() {
19
24
  var _this;
20
-
21
- _classCallCheck(this, SplitViewPanelElement);
22
-
25
+ (0, _classCallCheck2.default)(this, SplitViewPanelElement);
23
26
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
27
  args[_key] = arguments[_key];
25
28
  }
26
-
27
29
  _this = _super.call.apply(_super, [this].concat(args));
28
-
29
- _defineProperty(_assertThisInitialized(_this), "_width", 12);
30
-
31
- _defineProperty(_assertThisInitialized(_this), "_classNames", new Set());
32
-
30
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_width", 12);
31
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_classNames", new Set());
33
32
  return _this;
34
33
  }
35
-
36
- _createClass(SplitViewPanelElement, [{
34
+ (0, _createClass2.default)(SplitViewPanelElement, [{
37
35
  key: "setWidth",
38
36
  value: function setWidth(width) {
39
37
  this._width = width;
@@ -54,19 +52,20 @@ export var SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
54
52
  // Remove previous content
55
53
  this.getChildren().forEach(function (el) {
56
54
  return el.remove();
57
- }); // Add new content
55
+ });
58
56
 
57
+ // Add new content
59
58
  this.addElement(element);
60
59
  }
61
60
  }, {
62
61
  key: "render",
63
62
  value: function render(props) {
64
- return /*#__PURE__*/React.createElement(Cell, {
63
+ return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
65
64
  span: this._width,
66
- className: classNames(Array.from(this._classNames.values()))
67
- }, _get(_getPrototypeOf(SplitViewPanelElement.prototype), "render", this).call(this, props));
65
+ className: (0, _classnames.default)(Array.from(this._classNames.values()))
66
+ }, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitViewPanelElement.prototype), "render", this).call(this, props));
68
67
  }
69
68
  }]);
70
-
71
69
  return SplitViewPanelElement;
72
- }(UIElement);
70
+ }(_UIElement2.UIElement);
71
+ 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;AAAuC,IAE1BA,qBAAqB;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,qFACb,EAAE;IAAA,0FACgB,IAAIC,GAAG,EAAE;IAAA;EAAA;EAAA;IAAA;IAAA,OAE5C,kBAAgBC,KAAa,EAAQ;MACjC,IAAI,CAACC,MAAM,GAAGD,KAAK;IACvB;EAAC;IAAA;IAAA,OAED,sBAAoBE,SAAiB,EAAQ;MACzC,IAAI,CAACC,WAAW,CAACC,GAAG,CAACF,SAAS,CAAC;IACnC;EAAC;IAAA;IAAA,OAED,yBAAuBA,SAAiB,EAAQ;MAC5C,IAAI,CAACC,WAAW,CAACE,MAAM,CAACH,SAAS,CAAC;IACtC;EAAC;IAAA;IAAA,OAED,2BAAyBI,OAAkB,EAAQ;MAC/C;MACA,IAAI,CAACC,WAAW,EAAE,CAACC,OAAO,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,MAAM,EAAE;MAAA,EAAC;;MAE7C;MACA,IAAI,CAACC,UAAU,CAACL,OAAO,CAAC;IAC5B;EAAC;IAAA;IAAA,OAED,gBAAuBM,KAA2B,EAAmB;MACjE,oBACI,6BAAC,UAAI;QAAC,IAAI,EAAE,IAAI,CAACX,MAAO;QAAC,SAAS,EAAE,IAAAY,mBAAU,EAACC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACZ,WAAW,CAACa,MAAM,EAAE,CAAC;MAAE,iHACpEJ,KAAK,EAChB;IAEf;EAAC;EAAA;AAAA,EA9BsCK,qBAAS;AAAA"}
@@ -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,25 @@
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
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.SplitView = void 0;
8
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
11
+ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
12
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
13
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
+ var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
15
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
+ var _react = _interopRequireDefault(require("react"));
17
+ var _classnames = _interopRequireDefault(require("classnames"));
18
+ var _emotion = require("emotion");
19
+ var _Grid = require("@webiny/ui/Grid");
20
+ var _SplitViewPanelElement = require("./SplitView/SplitViewPanelElement");
21
+ var _UIView2 = require("../UIView");
22
+ var grid = /*#__PURE__*/(0, _emotion.css)({
16
23
  "&.mdc-layout-grid": {
17
24
  padding: 0,
18
25
  backgroundColor: "var(--mdc-theme-background)",
@@ -21,7 +28,7 @@ var grid = /*#__PURE__*/css({
21
28
  }
22
29
  }
23
30
  }, "label:grid;");
24
- var leftPanel = /*#__PURE__*/css({
31
+ var leftPanel = /*#__PURE__*/(0, _emotion.css)({
25
32
  backgroundColor: "var(--mdc-theme-surface)",
26
33
  ">.webiny-data-list": {
27
34
  display: "flex",
@@ -38,51 +45,35 @@ var leftPanel = /*#__PURE__*/css({
38
45
  overflow: "auto"
39
46
  }
40
47
  }, "label:leftPanel;");
41
- var rightPanel = /*#__PURE__*/css({
48
+ var rightPanel = /*#__PURE__*/(0, _emotion.css)({
42
49
  backgroundColor: "var(--mdc-theme-background)",
43
50
  overflow: "auto",
44
51
  height: "calc(100vh - 70px)"
45
52
  }, "label:rightPanel;");
46
- export var SplitView = /*#__PURE__*/function (_UIView) {
47
- _inherits(SplitView, _UIView);
48
-
49
- var _super = _createSuper(SplitView);
50
-
53
+ var SplitView = /*#__PURE__*/function (_UIView) {
54
+ (0, _inherits2.default)(SplitView, _UIView);
55
+ var _super = (0, _createSuper2.default)(SplitView);
51
56
  function SplitView(id) {
52
57
  var _this;
53
-
54
58
  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
55
-
56
- _classCallCheck(this, SplitView);
57
-
59
+ (0, _classCallCheck2.default)(this, SplitView);
58
60
  _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);
65
-
61
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_classNames", new Set());
62
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_leftPanel", void 0);
63
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_rightPanel", void 0);
66
64
  _this.useGrid(false);
67
-
68
65
  _this.addClassName(grid);
69
-
70
66
  _this.addClassName("webiny-split-view");
71
-
72
67
  _this.addElements();
73
-
74
68
  if (config.leftPanel) {
75
69
  _this.getLeftPanel().addElement(config.leftPanel);
76
70
  }
77
-
78
71
  if (config.rightPanel) {
79
72
  _this.getRightPanel().addElement(config.rightPanel);
80
73
  }
81
-
82
74
  return _this;
83
75
  }
84
-
85
- _createClass(SplitView, [{
76
+ (0, _createClass2.default)(SplitView, [{
86
77
  key: "addClassName",
87
78
  value: function addClassName(className) {
88
79
  this._classNames.add(className);
@@ -105,38 +96,27 @@ export var SplitView = /*#__PURE__*/function (_UIView) {
105
96
  }, {
106
97
  key: "render",
107
98
  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));
99
+ return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
100
+ className: (0, _classnames.default)(Array.from(this._classNames.values()))
101
+ }, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitView.prototype), "render", this).call(this, props));
111
102
  }
112
103
  }, {
113
104
  key: "addElements",
114
105
  value: function addElements() {
115
- this._leftPanel = new SplitViewPanelElement("leftPanel");
116
-
106
+ this._leftPanel = new _SplitViewPanelElement.SplitViewPanelElement("leftPanel");
117
107
  this._leftPanel.useGrid(false);
118
-
119
108
  this._leftPanel.setWidth(5);
120
-
121
109
  this._leftPanel.addClassName(leftPanel);
122
-
123
110
  this._leftPanel.addClassName("webiny-split-view__left-panel");
124
-
125
- this._rightPanel = new SplitViewPanelElement("rightPanel");
126
-
111
+ this._rightPanel = new _SplitViewPanelElement.SplitViewPanelElement("rightPanel");
127
112
  this._rightPanel.useGrid(false);
128
-
129
113
  this._rightPanel.setWidth(7);
130
-
131
114
  this._rightPanel.addClassName(rightPanel);
132
-
133
115
  this._rightPanel.addClassName("webiny-split-view__right-panel");
134
-
135
116
  this.addElement(this._leftPanel);
136
-
137
117
  this._rightPanel.moveAfter(this._leftPanel);
138
118
  }
139
119
  }]);
140
-
141
120
  return SplitView;
142
- }(UIView);
121
+ }(_UIView2.UIView);
122
+ 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<string>();\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;