@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,108 +0,0 @@
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 _inherits from "@babel/runtime/helpers/inherits";
5
- import _createSuper from "@babel/runtime/helpers/createSuper";
6
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- import _isEqual from "lodash/isEqual";
8
- import React from "react";
9
- import { ReactComponent as WebinyLogo } from "@svgr/webpack!../../assets/images/webiny-logo.svg";
10
- import { Link } from "@webiny/react-router";
11
-
12
- var Logo = /*#__PURE__*/function (_React$Component) {
13
- _inherits(Logo, _React$Component);
14
-
15
- var _super = _createSuper(Logo);
16
-
17
- function Logo() {
18
- var _this;
19
-
20
- _classCallCheck(this, Logo);
21
-
22
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
23
- args[_key] = arguments[_key];
24
- }
25
-
26
- _this = _super.call.apply(_super, [this].concat(args));
27
-
28
- _defineProperty(_assertThisInitialized(_this), "checkDisplayInterval", null);
29
-
30
- _defineProperty(_assertThisInitialized(_this), "state", {
31
- display: "desktop"
32
- });
33
-
34
- return _this;
35
- }
36
-
37
- _createClass(Logo, [{
38
- key: "shouldComponentUpdate",
39
- value: function shouldComponentUpdate(_, state) {
40
- return !_isEqual(state, this.state);
41
- }
42
- }, {
43
- key: "componentDidMount",
44
- value: function componentDidMount() {
45
- var _this2 = this;
46
-
47
- this.checkDisplayInterval = setInterval(function () {
48
- _this2.setState({
49
- display: window.outerWidth > 768 ? "desktop" : "mobile"
50
- });
51
- }, 500);
52
- }
53
- }, {
54
- key: "componentWillUnmount",
55
- value: function componentWillUnmount() {
56
- clearInterval(this.checkDisplayInterval);
57
- }
58
- }, {
59
- key: "render",
60
- value: function render() {
61
- var _this$props = this.props,
62
- className = _this$props.className,
63
- altText = _this$props.altText,
64
- white = _this$props.white,
65
- onClick = _this$props.onClick;
66
- var style = {
67
- width: this.props.width,
68
- height: this.props.height,
69
- display: this.props.display,
70
- marginTop: 8,
71
- color: undefined
72
- };
73
-
74
- if (white) {
75
- style.color = "white";
76
- }
77
-
78
- if (this.state.display !== "desktop") {
79
- style.width = this.props.mobileWidth;
80
- style.height = this.props.mobileHeight;
81
- }
82
-
83
- return /*#__PURE__*/React.createElement(Link, {
84
- to: "/",
85
- onClick: onClick
86
- }, /*#__PURE__*/React.createElement(WebinyLogo, {
87
- className: ["webiny-logo", className].join(" "),
88
- style: style,
89
- alt: altText
90
- }));
91
- }
92
- }]);
93
-
94
- return Logo;
95
- }(React.Component);
96
-
97
- _defineProperty(Logo, "defaultProps", {
98
- width: 100,
99
- height: 30,
100
- mobileWidth: 100,
101
- mobileHeight: 36,
102
- altText: "Webiny",
103
- className: "",
104
- white: false,
105
- onClick: null
106
- });
107
-
108
- export default Logo;
@@ -1,5 +0,0 @@
1
- import { UIViewPlugin } from "../../ui/UIView";
2
- import { AdminView } from "../../ui/views/AdminView";
3
- import { NavigationView } from "../../ui/views/NavigationView";
4
- declare const _default: () => (UIViewPlugin<NavigationView> | UIViewPlugin<AdminView>)[];
5
- export default _default;
@@ -1,32 +0,0 @@
1
- import React from "react";
2
- import Logo from "./Logo";
3
- import { plugins } from "@webiny/plugins";
4
- import { logoStyle } from "../../ui/views/NavigationView/Styled";
5
- import { UIViewPlugin } from "../../ui/UIView";
6
- import { AdminView } from "../../ui/views/AdminView";
7
- import { NavigationView } from "../../ui/views/NavigationView";
8
- export default (function () {
9
- return [
10
- /* Set logo in the layout header. */
11
- new UIViewPlugin(AdminView, function (view) {
12
- view.getHeaderElement().setLogo( /*#__PURE__*/React.createElement(Logo, {
13
- white: true
14
- }));
15
- }),
16
- /* Set logo in the navigation drawer. */
17
- new UIViewPlugin(NavigationView, function (view) {
18
- view.getHeaderElement().setLogo( /*#__PURE__*/React.createElement(Logo, {
19
- onClick: function onClick() {
20
- return view.getNavigationHook().hideMenu();
21
- }
22
- })); // IMPORTANT: Fetch logo plugin for backwards compatibility.
23
-
24
- var logoPlugin = plugins.byName("admin-menu-logo");
25
-
26
- if (logoPlugin) {
27
- view.getHeaderElement().setLogo( /*#__PURE__*/React.cloneElement(logoPlugin.render(), {
28
- className: logoStyle
29
- }));
30
- }
31
- })];
32
- });
@@ -1,4 +0,0 @@
1
- import { UIViewPlugin } from "../../ui/UIView";
2
- import { NavigationView } from "../../ui/views/NavigationView";
3
- declare const _default: () => UIViewPlugin<NavigationView>;
4
- export default _default;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { NavigationMenuElement } from "../../ui/elements/NavigationMenuElement";
3
- import { ReactComponent as DocsIcon } from "@svgr/webpack!../../assets/icons/icon-documentation.svg";
4
- import { UIViewPlugin } from "../../ui/UIView";
5
- import { NavigationView } from "../../ui/views/NavigationView";
6
- export default (function () {
7
- return new UIViewPlugin(NavigationView, function (view) {
8
- view.getFooterElement().addMenuElement(new NavigationMenuElement("documentation", {
9
- label: "Documentation",
10
- icon: /*#__PURE__*/React.createElement(DocsIcon, null),
11
- path: "https://docs.webiny.com/",
12
- rel: "noopener noreferrer",
13
- target: "_blank"
14
- }));
15
- });
16
- });
@@ -1,4 +0,0 @@
1
- import { UIViewPlugin } from "../../ui/UIView";
2
- import { NavigationView } from "../../ui/views/NavigationView";
3
- declare const _default: () => UIViewPlugin<NavigationView>[];
4
- export default _default;
@@ -1,64 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _inherits from "@babel/runtime/helpers/inherits";
4
- import _createSuper from "@babel/runtime/helpers/createSuper";
5
- import React from "react";
6
- import { css } from "emotion";
7
- import { ListItem, ListItemGraphic } from "@webiny/ui/List";
8
- import { Icon } from "@webiny/ui/Icon";
9
- import { ReactComponent as FileIcon } from "@svgr/webpack!../../assets/icons/insert_drive_file-24px.svg";
10
- import { FileManager } from "../../components";
11
- import { NavigationMenuElement } from "../../ui/elements/NavigationMenuElement";
12
- import { UIRenderer } from "../../ui/UIRenderer";
13
- import { UIViewPlugin } from "../../ui/UIView";
14
- import { NavigationView } from "../../ui/views/NavigationView";
15
- var listItemStyle = /*#__PURE__*/css({
16
- ".mdc-list &.mdc-list-item:hover": {
17
- cursor: "pointer",
18
- backgroundColor: "var(--mdc-theme-background)"
19
- }
20
- }, "label:listItemStyle;");
21
-
22
- var FileManagerMenuItemRenderer = /*#__PURE__*/function (_UIRenderer) {
23
- _inherits(FileManagerMenuItemRenderer, _UIRenderer);
24
-
25
- var _super = _createSuper(FileManagerMenuItemRenderer);
26
-
27
- function FileManagerMenuItemRenderer() {
28
- _classCallCheck(this, FileManagerMenuItemRenderer);
29
-
30
- return _super.apply(this, arguments);
31
- }
32
-
33
- _createClass(FileManagerMenuItemRenderer, [{
34
- key: "render",
35
- value: function render(_ref) {
36
- var element = _ref.element;
37
- return /*#__PURE__*/React.createElement(FileManager, null, function (_ref2) {
38
- var showFileManager = _ref2.showFileManager;
39
- return /*#__PURE__*/React.createElement(ListItem, {
40
- ripple: false,
41
- onClick: showFileManager,
42
- className: listItemStyle,
43
- "data-testid": element.config.testId
44
- }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
45
- icon: element.config.icon
46
- })), element.config.label);
47
- });
48
- }
49
- }]);
50
-
51
- return FileManagerMenuItemRenderer;
52
- }(UIRenderer);
53
-
54
- export default (function () {
55
- return [new UIViewPlugin(NavigationView, function (view) {
56
- var element = new NavigationMenuElement("fileManager", {
57
- label: "File Manager",
58
- icon: /*#__PURE__*/React.createElement(FileIcon, null),
59
- testId: "admin-drawer-footer-menu-file-manager"
60
- });
61
- element.addRenderer(new FileManagerMenuItemRenderer());
62
- view.getFooterElement().addMenuElement(element);
63
- })];
64
- });
@@ -1,6 +0,0 @@
1
- import { UIElementPlugin } from "../../ui/UIElement";
2
- import { NavigationMenuElement } from "../../ui/elements/NavigationMenuElement";
3
- import { UIViewPlugin } from "../../ui/UIView";
4
- import { NavigationView } from "../../ui/views/NavigationView";
5
- declare const _default: (UIViewPlugin<NavigationView> | UIElementPlugin<NavigationMenuElement<import("../../ui/elements/NavigationMenuElement").NavigationMenuElementConfig>>)[];
6
- export default _default;
@@ -1,24 +0,0 @@
1
- import React from "react";
2
- import { IconButton } from "@webiny/ui/Button";
3
- import { ReactComponent as MenuIcon } from "@svgr/webpack!../../assets/icons/baseline-menu-24px.svg";
4
- import { MenuGroupRenderer } from "./renderers/MenuGroupRenderer";
5
- import { MenuSectionRenderer } from "./renderers/MenuSectionRenderer";
6
- import { MenuSectionItemRenderer } from "./renderers/MenuSectionItemRenderer";
7
- import { MenuLinkRenderer } from "./renderers/MenuLinkRenderer";
8
- import { UIElementPlugin } from "../../ui/UIElement";
9
- import { NavigationMenuElement } from "../../ui/elements/NavigationMenuElement";
10
- import { UIViewPlugin } from "../../ui/UIView";
11
- import { NavigationView } from "../../ui/views/NavigationView";
12
- export default [new UIViewPlugin(NavigationView, function (view) {
13
- view.getHeaderElement().setMenuButton( /*#__PURE__*/React.createElement(IconButton, {
14
- icon: /*#__PURE__*/React.createElement(MenuIcon, null),
15
- onClick: function onClick() {
16
- return view.getNavigationHook().hideMenu();
17
- }
18
- }));
19
- }), new UIElementPlugin(NavigationMenuElement, function (element) {
20
- element.addRenderer(new MenuGroupRenderer());
21
- element.addRenderer(new MenuSectionRenderer());
22
- element.addRenderer(new MenuSectionItemRenderer());
23
- element.addRenderer(new MenuLinkRenderer());
24
- })];
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { UIRenderer, UIRenderParams } from "../../../ui/UIRenderer";
3
- import { NavigationMenuElement } from "../../../ui/elements/NavigationMenuElement";
4
- export declare class MenuGroupRenderer extends UIRenderer<NavigationMenuElement> {
5
- canRender(element: NavigationMenuElement): boolean;
6
- render({ element, props, next }: UIRenderParams<NavigationMenuElement>): React.ReactNode;
7
- }
@@ -1,126 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
4
- import _createClass from "@babel/runtime/helpers/createClass";
5
- import _inherits from "@babel/runtime/helpers/inherits";
6
- import _createSuper from "@babel/runtime/helpers/createSuper";
7
- import React, { Fragment } from "react";
8
- import { css } from "emotion";
9
- import { Transition } from "react-transition-group";
10
- import classNames from "classnames";
11
- import { UIRenderer } from "../../../ui/UIRenderer";
12
- import { List, ListItem, ListItemGraphic, ListItemMeta } from "@webiny/ui/List";
13
- import { IconButton } from "@webiny/ui/Button";
14
- import { ReactComponent as UpIcon } from "@svgr/webpack!../../../assets/icons/round-keyboard_arrow_up-24px.svg";
15
- import { ReactComponent as DownIcon } from "@svgr/webpack!../../../assets/icons/round-keyboard_arrow_down-24px.svg";
16
- import { ContentElement } from "../../../ui/views/NavigationView/ContentElement";
17
- import { Link } from "@webiny/react-router";
18
- var defaultStyle = {
19
- transform: "translateY(-20px)",
20
- opacity: 0,
21
- transitionProperty: "transform, opacity",
22
- transitionTimingFunction: "cubic-bezier(0, 0, .2, 1)",
23
- transitionDuration: "100ms",
24
- willChange: "opacity, transform"
25
- };
26
- var transitionStyles = {
27
- entering: {
28
- transform: "translateY(-20px)",
29
- opacity: 0
30
- },
31
- entered: {
32
- transform: "translateY(0px)",
33
- opacity: 1
34
- }
35
- };
36
- var menuTitle = /*#__PURE__*/css({
37
- ".mdc-drawer &.mdc-list": {
38
- borderBottom: "1px solid var(--mdc-theme-on-background)",
39
- padding: 0,
40
- ".mdc-list-item": {
41
- margin: 0,
42
- padding: "0 15px",
43
- height: "48px",
44
- width: "100%",
45
- fontWeight: 600,
46
- boxSizing: "border-box"
47
- }
48
- }
49
- }, "label:menuTitle;");
50
- var menuTitleActive = /*#__PURE__*/css({
51
- backgroundColor: "var(--mdc-theme-background)"
52
- }, "label:menuTitleActive;");
53
- export var MenuGroupRenderer = /*#__PURE__*/function (_UIRenderer) {
54
- _inherits(MenuGroupRenderer, _UIRenderer);
55
-
56
- var _super = _createSuper(MenuGroupRenderer);
57
-
58
- function MenuGroupRenderer() {
59
- _classCallCheck(this, MenuGroupRenderer);
60
-
61
- return _super.apply(this, arguments);
62
- }
63
-
64
- _createClass(MenuGroupRenderer, [{
65
- key: "canRender",
66
- value: function canRender(element) {
67
- var isInContent = Boolean(element.getParentByType(ContentElement));
68
- return element.depth === 1 && isInContent && !element.config.path;
69
- }
70
- }, {
71
- key: "render",
72
- value: function render(_ref) {
73
- var element = _ref.element,
74
- props = _ref.props,
75
- next = _ref.next;
76
- var hasChildren = element.getChildren().length > 0;
77
-
78
- if (!hasChildren) {
79
- return null;
80
- }
81
-
82
- var withLink = function withLink(content) {
83
- var defaultOnClick = element.getView().getNavigationHook().hideMenu;
84
- var onClick = element.config.onClick || defaultOnClick;
85
- return /*#__PURE__*/React.createElement(Link, {
86
- to: element.config.path,
87
- "data-testid": element.config.testId,
88
- onClick: onClick ? function () {
89
- return onClick(props);
90
- } : null
91
- }, content);
92
- };
93
-
94
- var menuItem = /*#__PURE__*/React.createElement(List, {
95
- className: classNames(menuTitle, _defineProperty({}, menuTitleActive, element.isExpanded))
96
- }, /*#__PURE__*/React.createElement(ListItem, {
97
- "data-testid": element.config.testId,
98
- onClick: function onClick() {
99
- if (typeof element.config.onClick === "function") {
100
- element.config.onClick(function () {
101
- return element.toggleElement();
102
- });
103
- } else {
104
- element.toggleElement();
105
- }
106
- }
107
- }, element.config.icon && /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(IconButton, {
108
- icon: element.config.icon
109
- })), element.config.label, hasChildren ? /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(IconButton, {
110
- icon: element.isExpanded ? /*#__PURE__*/React.createElement(UpIcon, null) : /*#__PURE__*/React.createElement(DownIcon, null)
111
- })) : null));
112
- return /*#__PURE__*/React.createElement(Fragment, null, element.config.path ? withLink(menuItem) : menuItem, hasChildren ? /*#__PURE__*/React.createElement(Transition, {
113
- in: element.isExpanded,
114
- timeout: 100,
115
- appear: true,
116
- unmountOnExit: true
117
- }, function (state) {
118
- return /*#__PURE__*/React.createElement("div", {
119
- style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
120
- }, next());
121
- }) : null);
122
- }
123
- }]);
124
-
125
- return MenuGroupRenderer;
126
- }(UIRenderer);
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { UIRenderer, UIRenderParams } from "../../../ui/UIRenderer";
3
- import { NavigationMenuElement } from "../../../ui/elements/NavigationMenuElement";
4
- export declare class MenuLinkRenderer extends UIRenderer<NavigationMenuElement> {
5
- canRender(element: NavigationMenuElement): boolean;
6
- render({ element, props }: UIRenderParams<NavigationMenuElement>): React.ReactNode;
7
- }
@@ -1,52 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _inherits from "@babel/runtime/helpers/inherits";
4
- import _createSuper from "@babel/runtime/helpers/createSuper";
5
- import React from "react";
6
- import { Link } from "@webiny/react-router";
7
- import { ListItem, ListItemGraphic } from "@webiny/ui/List";
8
- import { UIRenderer } from "../../../ui/UIRenderer";
9
- import { Icon } from "@webiny/ui/Icon";
10
- import { FooterElement } from "../../../ui/views/NavigationView/FooterElement";
11
- export var MenuLinkRenderer = /*#__PURE__*/function (_UIRenderer) {
12
- _inherits(MenuLinkRenderer, _UIRenderer);
13
-
14
- var _super = _createSuper(MenuLinkRenderer);
15
-
16
- function MenuLinkRenderer() {
17
- _classCallCheck(this, MenuLinkRenderer);
18
-
19
- return _super.apply(this, arguments);
20
- }
21
-
22
- _createClass(MenuLinkRenderer, [{
23
- key: "canRender",
24
- value: function canRender(element) {
25
- var isInFooter = Boolean(element.getParentByType(FooterElement));
26
- return element.depth === 1 && isInFooter;
27
- }
28
- }, {
29
- key: "render",
30
- value: function render(_ref) {
31
- var element = _ref.element,
32
- props = _ref.props;
33
- var defaultOnClick = element.getView().getNavigationHook().hideMenu;
34
- var onClick = element.config.onClick || defaultOnClick;
35
- return /*#__PURE__*/React.createElement(Link, {
36
- to: element.config.path,
37
- "data-testid": element.config.testId,
38
- onClick: onClick ? function () {
39
- return onClick(props);
40
- } : null,
41
- rel: element.config.rel,
42
- target: element.config.target
43
- }, /*#__PURE__*/React.createElement(ListItem, {
44
- ripple: false
45
- }, element.config.icon ? /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
46
- icon: element.config.icon
47
- })) : null, element.config.label));
48
- }
49
- }]);
50
-
51
- return MenuLinkRenderer;
52
- }(UIRenderer);
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { UIRenderer, UIRenderParams } from "../../../ui/UIRenderer";
3
- import { NavigationMenuElement } from "../../../ui/elements/NavigationMenuElement";
4
- export declare class MenuSectionItemRenderer extends UIRenderer<NavigationMenuElement> {
5
- canRender(element: NavigationMenuElement): boolean;
6
- render({ element, props }: UIRenderParams<NavigationMenuElement>): React.ReactNode;
7
- }
@@ -1,77 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _inherits from "@babel/runtime/helpers/inherits";
4
- import _createSuper from "@babel/runtime/helpers/createSuper";
5
- import React from "react";
6
- import { css } from "emotion";
7
- import { Link } from "@webiny/react-router";
8
- import { List, ListItem } from "@webiny/ui/List";
9
- import { UIRenderer } from "../../../ui/UIRenderer";
10
- var linkStyle = /*#__PURE__*/css({
11
- color: "var(--mdc-theme-text-primary-on-background)",
12
- textDecoration: "none",
13
- display: "flex",
14
- alignItems: "center",
15
- width: "100%",
16
- height: "100%",
17
- outline: "none",
18
- paddingLeft: 65,
19
- "&:hover": {
20
- textDecoration: "none"
21
- }
22
- }, "label:linkStyle;");
23
- var submenuItems = /*#__PURE__*/css({
24
- ".mdc-drawer &.mdc-list-item": {
25
- paddingLeft: 0
26
- }
27
- }, "label:submenuItems;");
28
- var submenuList = /*#__PURE__*/css({
29
- "&.mdc-list": {
30
- padding: 0
31
- }
32
- }, "label:submenuList;");
33
- export var MenuSectionItemRenderer = /*#__PURE__*/function (_UIRenderer) {
34
- _inherits(MenuSectionItemRenderer, _UIRenderer);
35
-
36
- var _super = _createSuper(MenuSectionItemRenderer);
37
-
38
- function MenuSectionItemRenderer() {
39
- _classCallCheck(this, MenuSectionItemRenderer);
40
-
41
- return _super.apply(this, arguments);
42
- }
43
-
44
- _createClass(MenuSectionItemRenderer, [{
45
- key: "canRender",
46
- value: function canRender(element) {
47
- return [2, 3].includes(element.depth) && Boolean(element.config.path);
48
- }
49
- }, {
50
- key: "render",
51
- value: function render(_ref) {
52
- var element = _ref.element,
53
- props = _ref.props;
54
- var defaultOnClick = element.getView().getNavigationHook().hideMenu;
55
- var onClick = element.config.onClick || defaultOnClick;
56
- return /*#__PURE__*/React.createElement(List, {
57
- className: submenuList
58
- }, /*#__PURE__*/React.createElement(ListItem, {
59
- className: submenuItems,
60
- "data-testid": element.config.testId
61
- }, element.config.path ? /*#__PURE__*/React.createElement(Link, {
62
- className: linkStyle,
63
- to: element.config.path,
64
- onClick: onClick ? function () {
65
- return onClick(props);
66
- } : null
67
- }, element.config.label) : /*#__PURE__*/React.createElement("span", {
68
- onClick: onClick ? function () {
69
- return onClick(props);
70
- } : null,
71
- className: linkStyle
72
- }, element.config.label)));
73
- }
74
- }]);
75
-
76
- return MenuSectionItemRenderer;
77
- }(UIRenderer);
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { UIRenderer, UIRenderParams } from "../../../ui/UIRenderer";
3
- import { NavigationMenuElement } from "../../../ui/elements/NavigationMenuElement";
4
- export declare class MenuSectionRenderer extends UIRenderer<NavigationMenuElement> {
5
- canRender(element: NavigationMenuElement): boolean;
6
- render({ element, next }: UIRenderParams<NavigationMenuElement>): React.ReactNode;
7
- }
@@ -1,51 +0,0 @@
1
- import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
- import _createClass from "@babel/runtime/helpers/createClass";
3
- import _inherits from "@babel/runtime/helpers/inherits";
4
- import _createSuper from "@babel/runtime/helpers/createSuper";
5
- import React, { Fragment } from "react";
6
- import { css } from "emotion";
7
- import { Typography } from "@webiny/ui/Typography";
8
- import { UIRenderer } from "../../../ui/UIRenderer";
9
- var menuSectionTitle = /*#__PURE__*/css({
10
- marginLeft: 20,
11
- display: "flex",
12
- alignItems: "center",
13
- color: "var(--mdc-theme-on-surface)"
14
- }, "label:menuSectionTitle;");
15
- var iconWrapper = /*#__PURE__*/css({
16
- marginRight: 5,
17
- color: "var(--mdc-theme-on-surface)"
18
- }, "label:iconWrapper;");
19
- export var MenuSectionRenderer = /*#__PURE__*/function (_UIRenderer) {
20
- _inherits(MenuSectionRenderer, _UIRenderer);
21
-
22
- var _super = _createSuper(MenuSectionRenderer);
23
-
24
- function MenuSectionRenderer() {
25
- _classCallCheck(this, MenuSectionRenderer);
26
-
27
- return _super.apply(this, arguments);
28
- }
29
-
30
- _createClass(MenuSectionRenderer, [{
31
- key: "canRender",
32
- value: function canRender(element) {
33
- return element.depth === 2;
34
- }
35
- }, {
36
- key: "render",
37
- value: function render(_ref) {
38
- var element = _ref.element,
39
- next = _ref.next;
40
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
41
- className: menuSectionTitle
42
- }, /*#__PURE__*/React.createElement("div", {
43
- className: iconWrapper
44
- }, element.config.icon), /*#__PURE__*/React.createElement(Typography, {
45
- use: "overline"
46
- }, element.config.label)), next());
47
- }
48
- }]);
49
-
50
- return MenuSectionRenderer;
51
- }(UIRenderer);
@@ -1,4 +0,0 @@
1
- import { UIViewPlugin } from "../../ui/UIView";
2
- import { NavigationView } from "../../ui/views/NavigationView";
3
- declare const _default: () => UIViewPlugin<NavigationView>;
4
- export default _default;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { NavigationMenuElement } from "../../ui/elements/NavigationMenuElement";
3
- import { ReactComponent as SlackIcon } from "@svgr/webpack!../../assets/icons/slack-logo.svg";
4
- import { UIViewPlugin } from "../../ui/UIView";
5
- import { NavigationView } from "../../ui/views/NavigationView";
6
- export default (function () {
7
- return new UIViewPlugin(NavigationView, function (view) {
8
- view.getFooterElement().addMenuElement(new NavigationMenuElement("slack", {
9
- label: "Slack",
10
- icon: /*#__PURE__*/React.createElement(SlackIcon, null),
11
- path: "https://www.webiny.com/slack/",
12
- rel: "noopener noreferrer",
13
- target: "_blank"
14
- }));
15
- });
16
- });
@@ -1,4 +0,0 @@
1
- import { UIViewPlugin } from "../../ui/UIView";
2
- import { NavigationView } from "../../ui/views/NavigationView";
3
- declare const _default: () => UIViewPlugin<NavigationView>;
4
- export default _default;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { NavigationMenuElement } from "../../ui/elements/NavigationMenuElement";
3
- import { ReactComponent as GithubIcon } from "@svgr/webpack!../../assets/icons/github-brands.svg";
4
- import { UIViewPlugin } from "../../ui/UIView";
5
- import { NavigationView } from "../../ui/views/NavigationView";
6
- export default (function () {
7
- return new UIViewPlugin(NavigationView, function (view) {
8
- view.getFooterElement().addMenuElement(new NavigationMenuElement("github", {
9
- label: "Source",
10
- icon: /*#__PURE__*/React.createElement(GithubIcon, null),
11
- path: "https://github.com/webiny/webiny-js",
12
- rel: "noopener noreferrer",
13
- target: "_blank"
14
- }));
15
- });
16
- });