@webiny/app-admin 0.0.0-unstable.d4f203fa97 → 0.0.0-unstable.d7f521b032

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 (290) hide show
  1. package/base/Admin.js +7 -21
  2. package/base/Admin.js.map +1 -1
  3. package/base/Base.js +6 -25
  4. package/base/Base.js.map +1 -1
  5. package/base/plugins/AddGraphQLQuerySelection.js +0 -8
  6. package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
  7. package/base/providers/ApolloProvider.js +0 -5
  8. package/base/providers/ApolloProvider.js.map +1 -1
  9. package/base/providers/TelemetryProvider.js +1 -7
  10. package/base/providers/TelemetryProvider.js.map +1 -1
  11. package/base/providers/UiStateProvider.js +0 -5
  12. package/base/providers/UiStateProvider.js.map +1 -1
  13. package/base/providers/ViewCompositionProvider.js +3 -16
  14. package/base/providers/ViewCompositionProvider.js.map +1 -1
  15. package/base/ui/Brand.d.ts +2 -2
  16. package/base/ui/Brand.js +3 -7
  17. package/base/ui/Brand.js.map +1 -1
  18. package/base/ui/CenteredView.js +2 -7
  19. package/base/ui/CenteredView.js.map +1 -1
  20. package/base/ui/Dashboard.d.ts +2 -2
  21. package/base/ui/Dashboard.js +3 -7
  22. package/base/ui/Dashboard.js.map +1 -1
  23. package/base/ui/Layout.d.ts +2 -2
  24. package/base/ui/Layout.js +4 -9
  25. package/base/ui/Layout.js.map +1 -1
  26. package/base/ui/LocaleSelector.d.ts +2 -2
  27. package/base/ui/LocaleSelector.js +3 -7
  28. package/base/ui/LocaleSelector.js.map +1 -1
  29. package/base/ui/LoginScreen.d.ts +1 -1
  30. package/base/ui/LoginScreen.js +2 -8
  31. package/base/ui/LoginScreen.js.map +1 -1
  32. package/base/ui/Logo.d.ts +2 -2
  33. package/base/ui/Logo.js +4 -10
  34. package/base/ui/Logo.js.map +1 -1
  35. package/base/ui/Menu.js +2 -31
  36. package/base/ui/Menu.js.map +1 -1
  37. package/base/ui/Navigation.d.ts +3 -3
  38. package/base/ui/Navigation.js +16 -49
  39. package/base/ui/Navigation.js.map +1 -1
  40. package/base/ui/NotFound.d.ts +2 -2
  41. package/base/ui/NotFound.js +3 -7
  42. package/base/ui/NotFound.js.map +1 -1
  43. package/base/ui/Search.d.ts +2 -2
  44. package/base/ui/Search.js +8 -26
  45. package/base/ui/Search.js.map +1 -1
  46. package/base/ui/Tags.js +1 -8
  47. package/base/ui/Tags.js.map +1 -1
  48. package/base/ui/UserMenu.d.ts +7 -7
  49. package/base/ui/UserMenu.js +13 -37
  50. package/base/ui/UserMenu.js.map +1 -1
  51. package/components/AdminLayout.js +1 -6
  52. package/components/AdminLayout.js.map +1 -1
  53. package/components/AppInstaller/AppInstaller.js +18 -52
  54. package/components/AppInstaller/AppInstaller.js.map +1 -1
  55. package/components/AppInstaller/Sidebar.js +9 -32
  56. package/components/AppInstaller/Sidebar.js.map +1 -1
  57. package/components/AppInstaller/index.js +0 -7
  58. package/components/AppInstaller/index.js.map +1 -1
  59. package/components/AppInstaller/styled.js +0 -4
  60. package/components/AppInstaller/styled.js.map +1 -1
  61. package/components/AppInstaller/useInstaller.js +66 -122
  62. package/components/AppInstaller/useInstaller.js.map +1 -1
  63. package/components/EmptyView.js +3 -11
  64. package/components/EmptyView.js.map +1 -1
  65. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +0 -14
  66. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -1
  67. package/components/FileManager/BottomInfoBar/UploadStatus.js +0 -9
  68. package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -1
  69. package/components/FileManager/BottomInfoBar.js +0 -12
  70. package/components/FileManager/BottomInfoBar.js.map +1 -1
  71. package/components/FileManager/DropFilesHere.js +3 -12
  72. package/components/FileManager/DropFilesHere.js.map +1 -1
  73. package/components/FileManager/File.js +5 -18
  74. package/components/FileManager/File.js.map +1 -1
  75. package/components/FileManager/FileDetails/Name.js +45 -75
  76. package/components/FileManager/FileDetails/Name.js.map +1 -1
  77. package/components/FileManager/FileDetails/Tags.js +85 -138
  78. package/components/FileManager/FileDetails/Tags.js.map +1 -1
  79. package/components/FileManager/FileDetails.js +94 -161
  80. package/components/FileManager/FileDetails.js.map +1 -1
  81. package/components/FileManager/FileManagerContext.js +12 -45
  82. package/components/FileManager/FileManagerContext.js.map +1 -1
  83. package/components/FileManager/FileManagerView.js +177 -294
  84. package/components/FileManager/FileManagerView.js.map +1 -1
  85. package/components/FileManager/LeftSidebar.js +10 -29
  86. package/components/FileManager/LeftSidebar.js.map +1 -1
  87. package/components/FileManager/NoPermissionView.js +0 -13
  88. package/components/FileManager/NoPermissionView.js.map +1 -1
  89. package/components/FileManager/NoResults.js +0 -6
  90. package/components/FileManager/NoResults.js.map +1 -1
  91. package/components/FileManager/getFileTypePlugin.js +9 -15
  92. package/components/FileManager/getFileTypePlugin.js.map +1 -1
  93. package/components/FileManager/getFileUploader.js +0 -5
  94. package/components/FileManager/getFileUploader.js.map +1 -1
  95. package/components/FileManager/graphql.js +3 -14
  96. package/components/FileManager/graphql.js.map +1 -1
  97. package/components/FileManager/outputFileSelectionError.js +0 -14
  98. package/components/FileManager/outputFileSelectionError.js.map +1 -1
  99. package/components/FileManager.js +17 -43
  100. package/components/FileManager.js.map +1 -1
  101. package/components/FloatingActionButton.js +0 -6
  102. package/components/FloatingActionButton.js.map +1 -1
  103. package/components/MultiImageUpload.js +1 -10
  104. package/components/MultiImageUpload.js.map +1 -1
  105. package/components/OverlayLayout/OverlayLayout.js +7 -36
  106. package/components/OverlayLayout/OverlayLayout.js.map +1 -1
  107. package/components/OverlayLayout/index.js +0 -2
  108. package/components/OverlayLayout/index.js.map +1 -1
  109. package/components/Permissions/Permissions.d.ts +2 -0
  110. package/components/Permissions/Permissions.js +25 -27
  111. package/components/Permissions/Permissions.js.map +1 -1
  112. package/components/Permissions/StyledComponents.js +0 -7
  113. package/components/Permissions/StyledComponents.js.map +1 -1
  114. package/components/Permissions/index.js +0 -3
  115. package/components/Permissions/index.js.map +1 -1
  116. package/components/RichTextEditor/RichTextEditor.js +0 -7
  117. package/components/RichTextEditor/RichTextEditor.js.map +1 -1
  118. package/components/RichTextEditor/index.js +0 -2
  119. package/components/RichTextEditor/index.js.map +1 -1
  120. package/components/RichTextEditor/tools/header/index.js +62 -102
  121. package/components/RichTextEditor/tools/header/index.js.map +1 -1
  122. package/components/RichTextEditor/tools/image/index.js +15 -36
  123. package/components/RichTextEditor/tools/image/index.js.map +1 -1
  124. package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
  125. package/components/RichTextEditor/tools/image/tunes.js +5 -22
  126. package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
  127. package/components/RichTextEditor/tools/image/ui.js +16 -39
  128. package/components/RichTextEditor/tools/image/ui.js.map +1 -1
  129. package/components/RichTextEditor/tools/paragraph/index.js +55 -81
  130. package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
  131. package/components/RichTextEditor/tools/textColor/index.js +15 -41
  132. package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
  133. package/components/RichTextEditor/tools/utils.js +0 -2
  134. package/components/RichTextEditor/tools/utils.js.map +1 -1
  135. package/components/Routes.js +6 -13
  136. package/components/Routes.js.map +1 -1
  137. package/components/SearchUI.d.ts +1 -0
  138. package/components/SearchUI.js +12 -12
  139. package/components/SearchUI.js.map +1 -1
  140. package/components/SimpleForm/SimpleForm.js +3 -32
  141. package/components/SimpleForm/SimpleForm.js.map +1 -1
  142. package/components/SimpleForm/index.js +0 -1
  143. package/components/SimpleForm/index.js.map +1 -1
  144. package/components/SimpleUI/InputField.d.ts +2 -0
  145. package/components/SimpleUI/InputField.js +16 -30
  146. package/components/SimpleUI/InputField.js.map +1 -1
  147. package/components/SingleImageUpload.js +12 -28
  148. package/components/SingleImageUpload.js.map +1 -1
  149. package/components/SplitView/SplitView.js +0 -20
  150. package/components/SplitView/SplitView.js.map +1 -1
  151. package/components/SplitView/index.js +0 -1
  152. package/components/SplitView/index.js.map +1 -1
  153. package/components/index.js +0 -1
  154. package/components/index.js.map +1 -1
  155. package/hooks/useConfirmationDialog.d.ts +3 -1
  156. package/hooks/useConfirmationDialog.js +12 -20
  157. package/hooks/useConfirmationDialog.js.map +1 -1
  158. package/hooks/useDialog.js +0 -5
  159. package/hooks/useDialog.js.map +1 -1
  160. package/hooks/useSnackbar.js +0 -5
  161. package/hooks/useSnackbar.js.map +1 -1
  162. package/index.d.ts +2 -2
  163. package/index.js +4 -52
  164. package/index.js.map +1 -1
  165. package/package.json +20 -21
  166. package/plugins/FileManagerFileTypePlugin.js +0 -15
  167. package/plugins/FileManagerFileTypePlugin.js.map +1 -1
  168. package/plugins/MenuPlugin.js +0 -15
  169. package/plugins/MenuPlugin.js.map +1 -1
  170. package/plugins/PermissionRendererPlugin.js +0 -15
  171. package/plugins/PermissionRendererPlugin.js.map +1 -1
  172. package/plugins/fileManager/fileDefault.js +0 -6
  173. package/plugins/fileManager/fileDefault.js.map +1 -1
  174. package/plugins/fileManager/fileImage/DeleteAction.js +16 -40
  175. package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -1
  176. package/plugins/fileManager/fileImage/EditAction.js +22 -58
  177. package/plugins/fileManager/fileImage/EditAction.js.map +1 -1
  178. package/plugins/fileManager/fileImage/index.js +0 -8
  179. package/plugins/fileManager/fileImage/index.js.map +1 -1
  180. package/plugins/fileManager/index.js +0 -2
  181. package/plugins/fileManager/index.js.map +1 -1
  182. package/plugins/globalSearch/SearchBar.js +3 -51
  183. package/plugins/globalSearch/SearchBar.js.map +1 -1
  184. package/plugins/globalSearch/SearchBarDropdown.js +13 -31
  185. package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
  186. package/plugins/globalSearch/index.js.map +1 -1
  187. package/plugins/globalSearch/styled.js +1 -5
  188. package/plugins/globalSearch/styled.js.map +1 -1
  189. package/plugins/uiLayoutRenderer/index.js +2 -16
  190. package/plugins/uiLayoutRenderer/index.js.map +1 -1
  191. package/styles/material-theme-assignments.scss +4 -0
  192. package/styles/theme.scss +31 -1
  193. package/ui/UIElement.js +0 -1
  194. package/ui/UIElement.js.map +1 -1
  195. package/ui/UILayout.js +0 -1
  196. package/ui/UILayout.js.map +1 -1
  197. package/ui/UIRenderer.js +0 -1
  198. package/ui/UIRenderer.js.map +1 -1
  199. package/ui/UIView.js +0 -1
  200. package/ui/UIView.js.map +1 -1
  201. package/ui/elements/AccordionElement.js +2 -28
  202. package/ui/elements/AccordionElement.js.map +1 -1
  203. package/ui/elements/ButtonElement.js +0 -19
  204. package/ui/elements/ButtonElement.js.map +1 -1
  205. package/ui/elements/ButtonGroupElement.js +0 -19
  206. package/ui/elements/ButtonGroupElement.js.map +1 -1
  207. package/ui/elements/GenericElement.js +0 -2
  208. package/ui/elements/GenericElement.js.map +1 -1
  209. package/ui/elements/LabelElement.js +0 -14
  210. package/ui/elements/LabelElement.js.map +1 -1
  211. package/ui/elements/NavigationMenuElement.js +3 -36
  212. package/ui/elements/NavigationMenuElement.js.map +1 -1
  213. package/ui/elements/PanelElement.js +0 -11
  214. package/ui/elements/PanelElement.js.map +1 -1
  215. package/ui/elements/PlaceholderElement.js +0 -11
  216. package/ui/elements/PlaceholderElement.js.map +1 -1
  217. package/ui/elements/SmallButtonElement.js +0 -19
  218. package/ui/elements/SmallButtonElement.js.map +1 -1
  219. package/ui/elements/TypographyElement.js +0 -19
  220. package/ui/elements/TypographyElement.js.map +1 -1
  221. package/ui/elements/ViewElement.js +0 -2
  222. package/ui/elements/ViewElement.js.map +1 -1
  223. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +0 -16
  224. package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
  225. package/ui/elements/form/DynamicFieldsetElement.js +11 -34
  226. package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
  227. package/ui/elements/form/FileManagerElement/EmptyStateElement.js +0 -15
  228. package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
  229. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +0 -22
  230. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
  231. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +3 -22
  232. package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
  233. package/ui/elements/form/FileManagerElement/styled.js +0 -5
  234. package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
  235. package/ui/elements/form/FileManagerElement.js +0 -20
  236. package/ui/elements/form/FileManagerElement.js.map +1 -1
  237. package/ui/elements/form/FormElement.js +0 -21
  238. package/ui/elements/form/FormElement.js.map +1 -1
  239. package/ui/elements/form/FormFieldElement.js +0 -33
  240. package/ui/elements/form/FormFieldElement.js.map +1 -1
  241. package/ui/elements/form/HiddenElement.js +0 -17
  242. package/ui/elements/form/HiddenElement.js.map +1 -1
  243. package/ui/elements/form/InputElement.js +0 -18
  244. package/ui/elements/form/InputElement.js.map +1 -1
  245. package/ui/elements/form/PasswordElement.js +0 -15
  246. package/ui/elements/form/PasswordElement.js.map +1 -1
  247. package/ui/elements/form/SelectElement.js +1 -19
  248. package/ui/elements/form/SelectElement.js.map +1 -1
  249. package/ui/elements/form/TextareaElement.js +0 -17
  250. package/ui/elements/form/TextareaElement.js.map +1 -1
  251. package/ui/views/AdminView/ContentElement.js +1 -25
  252. package/ui/views/AdminView/ContentElement.js.map +1 -1
  253. package/ui/views/AdminView/HeaderElement.js +0 -40
  254. package/ui/views/AdminView/HeaderElement.js.map +1 -1
  255. package/ui/views/AdminView/HeaderSectionCenterElement.js +0 -20
  256. package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
  257. package/ui/views/AdminView/HeaderSectionLeftElement.js +0 -20
  258. package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
  259. package/ui/views/AdminView/HeaderSectionRightElement.js +0 -20
  260. package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
  261. package/ui/views/AdminView/components/Dialog.js +10 -21
  262. package/ui/views/AdminView/components/Dialog.js.map +1 -1
  263. package/ui/views/AdminView/components/Hamburger.js +0 -8
  264. package/ui/views/AdminView/components/Hamburger.js.map +1 -1
  265. package/ui/views/AdminView/components/Snackbar.js +0 -9
  266. package/ui/views/AdminView/components/Snackbar.js.map +1 -1
  267. package/ui/views/FormView/FormContainerElement.js +0 -21
  268. package/ui/views/FormView/FormContainerElement.js.map +1 -1
  269. package/ui/views/FormView/FormContentElement.js +0 -11
  270. package/ui/views/FormView/FormContentElement.js.map +1 -1
  271. package/ui/views/FormView/FormFooterElement.js +0 -19
  272. package/ui/views/FormView/FormFooterElement.js.map +1 -1
  273. package/ui/views/FormView/FormHeaderElement.js +2 -24
  274. package/ui/views/FormView/FormHeaderElement.js.map +1 -1
  275. package/ui/views/FormView.js +0 -41
  276. package/ui/views/FormView.js.map +1 -1
  277. package/ui/views/OverlayView/ContentElement.js +0 -19
  278. package/ui/views/OverlayView/ContentElement.js.map +1 -1
  279. package/ui/views/OverlayView/HeaderElement.js +3 -25
  280. package/ui/views/OverlayView/HeaderElement.js.map +1 -1
  281. package/ui/views/OverlayView/HeaderTitleElement.js +0 -22
  282. package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
  283. package/ui/views/OverlayView/useOverlayView.js +3 -13
  284. package/ui/views/OverlayView/useOverlayView.js.map +1 -1
  285. package/ui/views/OverlayView.js +3 -37
  286. package/ui/views/OverlayView.js.map +1 -1
  287. package/ui/views/SplitView/SplitViewPanelElement.js +2 -22
  288. package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
  289. package/ui/views/SplitView.js +0 -40
  290. package/ui/views/SplitView.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"names":["AccordionItemElement","id","config","title","description","props","open","rest","isOpened","UIElement","AccordionElement","useGrid","items","forEach","item","addElement","getElement"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n id: string;\n title: string;\n description: string;\n icon: React.ReactElement;\n open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n public constructor(id: string, config: Item) {\n super(id, config);\n }\n\n public setTitle(title: string): void {\n this.config.title = title;\n }\n\n public setDescription(description: string): void {\n this.config.description = description;\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n const { open, ...rest } = this.config;\n const isOpened = typeof open === \"function\" ? open(props) : open;\n return (\n <AccordionItem open={isOpened} {...rest}>\n {super.render(props)}\n </AccordionItem>\n );\n }\n}\n\ninterface Config extends UIElementConfig {\n items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n public constructor(id: string, config: Config) {\n super(id, config);\n\n this.useGrid(false);\n\n this.config.items.forEach(item => {\n this.addElement(new AccordionItemElement(item.id, item));\n });\n }\n\n public getAccordionItemElement(id: string): AccordionItemElement {\n return this.getElement(id) as AccordionItemElement;\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n /**\n * Figure out correct way to have props.children typed.\n * TODO @ts-refactor\n */\n // @ts-ignore\n return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;IAcaA,oB;;;;;EACT,8BAAmBC,EAAnB,EAA+BC,MAA/B,EAA6C;IAAA;IAAA,yBACnCD,EADmC,EAC/BC,MAD+B;EAE5C;;;;WAED,kBAAgBC,KAAhB,EAAqC;MACjC,KAAKD,MAAL,CAAYC,KAAZ,GAAoBA,KAApB;IACH;;;WAED,wBAAsBC,WAAtB,EAAiD;MAC7C,KAAKF,MAAL,CAAYE,WAAZ,GAA0BA,WAA1B;IACH;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,mBAA0B,KAAKH,MAA/B;MAAA,IAAQI,IAAR,gBAAQA,IAAR;MAAA,IAAiBC,IAAjB;MACA,IAAMC,QAAQ,GAAG,OAAOF,IAAP,KAAgB,UAAhB,GAA6BA,IAAI,CAACD,KAAD,CAAjC,GAA2CC,IAA5D;MACA,oBACI,6BAAC,wBAAD;QAAe,IAAI,EAAEE;MAArB,GAAmCD,IAAnC,gHACkBF,KADlB,EADJ;IAKH;;;EArBqCI,qB;;;;IA4B7BC,gB;;;;;EACT,0BAAmBT,EAAnB,EAA+BC,MAA/B,EAA+C;IAAA;;IAAA;IAC3C,2BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKS,OAAL,CAAa,KAAb;;IAEA,MAAKT,MAAL,CAAYU,KAAZ,CAAkBC,OAAlB,CAA0B,UAAAC,IAAI,EAAI;MAC9B,MAAKC,UAAL,CAAgB,IAAIf,oBAAJ,CAAyBc,IAAI,CAACb,EAA9B,EAAkCa,IAAlC,CAAhB;IACH,CAFD;;IAL2C;EAQ9C;;;;WAED,iCAA+Bb,EAA/B,EAAiE;MAC7D,OAAO,KAAKe,UAAL,CAAgBf,EAAhB,CAAP;IACH;;;WAED,gBAAuBI,KAAvB,EAAqE;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAO,6BAAC,oBAAD;QAAW,SAAS,EAAE;MAAtB,4GAAuCA,KAAvC,EAAP;IACH;;;EAtBiCI,qB"}
1
+ {"version":3,"names":["AccordionItemElement","id","config","title","description","props","open","rest","isOpened","UIElement","AccordionElement","useGrid","items","forEach","item","addElement","getElement"],"sources":["AccordionElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Accordion, AccordionItem } from \"@webiny/ui/Accordion\";\n\ninterface GetterWithProps<TProps, T> {\n (props: TProps): T;\n}\n\ninterface Item<TProps = any> extends UIElementConfig {\n id: string;\n title: string;\n description: string;\n icon: React.ReactElement;\n open?: boolean | GetterWithProps<TProps, boolean>;\n}\n\nexport class AccordionItemElement extends UIElement<Item> {\n public constructor(id: string, config: Item) {\n super(id, config);\n }\n\n public setTitle(title: string): void {\n this.config.title = title;\n }\n\n public setDescription(description: string): void {\n this.config.description = description;\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n const { open, ...rest } = this.config;\n const isOpened = typeof open === \"function\" ? open(props) : open;\n return (\n <AccordionItem open={isOpened} {...rest}>\n {super.render(props)}\n </AccordionItem>\n );\n }\n}\n\ninterface Config extends UIElementConfig {\n items: Item[];\n}\n\nexport class AccordionElement extends UIElement<Config> {\n public constructor(id: string, config: Config) {\n super(id, config);\n\n this.useGrid(false);\n\n this.config.items.forEach(item => {\n this.addElement(new AccordionItemElement(item.id, item));\n });\n }\n\n public getAccordionItemElement(id: string): AccordionItemElement {\n return this.getElement(id) as AccordionItemElement;\n }\n\n public override render(props: UiElementRenderProps): React.ReactNode {\n /**\n * Figure out correct way to have props.children typed.\n * TODO @ts-refactor\n */\n // @ts-ignore\n return <Accordion elevation={0}>{super.render(props)}</Accordion>;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AAAgE;AAAA,IAcnDA,oBAAoB;EAAA;EAAA;EAC7B,8BAAmBC,EAAU,EAAEC,MAAY,EAAE;IAAA;IAAA,yBACnCD,EAAE,EAAEC,MAAM;EACpB;EAAC;IAAA;IAAA,OAED,kBAAgBC,KAAa,EAAQ;MACjC,IAAI,CAACD,MAAM,CAACC,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,wBAAsBC,WAAmB,EAAQ;MAC7C,IAAI,CAACF,MAAM,CAACE,WAAW,GAAGA,WAAW;IACzC;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,mBAA0B,IAAI,CAACH,MAAM;QAA7BI,IAAI,gBAAJA,IAAI;QAAKC,IAAI;MACrB,IAAMC,QAAQ,GAAG,OAAOF,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACD,KAAK,CAAC,GAAGC,IAAI;MAChE,oBACI,6BAAC,wBAAa;QAAC,IAAI,EAAEE;MAAS,GAAKD,IAAI,gHACrBF,KAAK,EACP;IAExB;EAAC;EAAA;AAAA,EArBqCI,qBAAS;AAAA;AAAA,IA4BtCC,gBAAgB;EAAA;EAAA;EACzB,0BAAmBT,EAAU,EAAEC,MAAc,EAAE;IAAA;IAAA;IAC3C,2BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKS,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAKT,MAAM,CAACU,KAAK,CAACC,OAAO,CAAC,UAAAC,IAAI,EAAI;MAC9B,MAAKC,UAAU,CAAC,IAAIf,oBAAoB,CAACc,IAAI,CAACb,EAAE,EAAEa,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC;IAAC;EACP;EAAC;IAAA;IAAA,OAED,iCAA+Bb,EAAU,EAAwB;MAC7D,OAAO,IAAI,CAACe,UAAU,CAACf,EAAE,CAAC;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAA2B,EAAmB;MACjE;AACR;AACA;AACA;MACQ;MACA,oBAAO,6BAAC,oBAAS;QAAC,SAAS,EAAE;MAAE,4GAAeA,KAAK,EAAc;IACrE;EAAC;EAAA;AAAA,EAtBiCI,qBAAS;AAAA"}
@@ -1,44 +1,30 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.ButtonElement = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
11
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
-
18
12
  var _kebabCase2 = _interopRequireDefault(require("lodash/kebabCase"));
19
-
20
13
  var _react = _interopRequireDefault(require("react"));
21
-
22
14
  var _Button = require("@webiny/ui/Button");
23
-
24
15
  var _UIElement2 = require("../UIElement");
25
-
26
16
  var BUTTONS = {
27
17
  default: _Button.ButtonDefault,
28
18
  primary: _Button.ButtonPrimary,
29
19
  secondary: _Button.ButtonSecondary
30
20
  };
31
-
32
21
  var ButtonElement = /*#__PURE__*/function (_UIElement) {
33
22
  (0, _inherits2.default)(ButtonElement, _UIElement);
34
-
35
23
  var _super = (0, _createSuper2.default)(ButtonElement);
36
-
37
24
  function ButtonElement() {
38
25
  (0, _classCallCheck2.default)(this, ButtonElement);
39
26
  return _super.apply(this, arguments);
40
27
  }
41
-
42
28
  (0, _createClass2.default)(ButtonElement, [{
43
29
  key: "setLabel",
44
30
  value: function setLabel(label) {
@@ -56,7 +42,6 @@ var ButtonElement = /*#__PURE__*/function (_UIElement) {
56
42
  // TODO @ts-refactor find out correct types to pass
57
43
  return this.config.label(props);
58
44
  }
59
-
60
45
  return this.config.label;
61
46
  }
62
47
  }, {
@@ -71,7 +56,6 @@ var ButtonElement = /*#__PURE__*/function (_UIElement) {
71
56
  // TODO @ts-refactor find out correct types to pass
72
57
  return this.config.type(props);
73
58
  }
74
-
75
59
  return this.config.type;
76
60
  }
77
61
  }, {
@@ -88,9 +72,7 @@ var ButtonElement = /*#__PURE__*/function (_UIElement) {
88
72
  key: "render",
89
73
  value: function render(props) {
90
74
  var Component = BUTTONS[this.getType(props)];
91
-
92
75
  var _onClick = this.getOnClick();
93
-
94
76
  return /*#__PURE__*/_react.default.createElement(Component, {
95
77
  onClick: function onClick() {
96
78
  return _onClick(props);
@@ -101,5 +83,4 @@ var ButtonElement = /*#__PURE__*/function (_UIElement) {
101
83
  }]);
102
84
  return ButtonElement;
103
85
  }(_UIElement2.UIElement);
104
-
105
86
  exports.ButtonElement = ButtonElement;
@@ -1 +1 @@
1
- {"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","label","config","props","type","onClick","Component","getType","getOnClick","getLabel","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { kebabCase } from \"lodash\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n label: string | GetterWithProps<TRenderProps, string>;\n onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n default: ButtonDefault,\n primary: ButtonPrimary,\n secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n ButtonElementConfig<TRenderProps>\n> {\n public setLabel<TProps extends TRenderProps = TRenderProps>(\n label: string | GetterWithProps<TProps, string>\n ): void {\n /**\n * TODO @ts-refactor\n * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n */\n // @ts-ignore\n this.config.label = label;\n }\n\n public getLabel(props?: TRenderProps): string {\n if (typeof this.config.label === \"function\") {\n // TODO @ts-refactor find out correct types to pass\n return this.config.label(props as TRenderProps);\n }\n return this.config.label;\n }\n\n public setType(type: ButtonElementType): void {\n this.config.type = type;\n }\n\n public getType(props?: TRenderProps): ButtonElementType {\n if (typeof this.config.type === \"function\") {\n // TODO @ts-refactor find out correct types to pass\n return this.config.type(props as TRenderProps);\n }\n return this.config.type;\n }\n\n public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n this.config.onClick = onClick;\n }\n\n public getOnClick() {\n return this.config.onClick;\n }\n\n public override render(props: TRenderProps): React.ReactElement {\n const Component = BUTTONS[this.getType(props)];\n const onClick = this.getOnClick();\n\n return (\n <Component\n onClick={() => onClick(props)}\n data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n >\n {this.getLabel(props)}\n </Component>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAmBA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBADG;EAEZC,OAAO,EAAEC,qBAFG;EAGZC,SAAS,EAAEC;AAHC,CAAhB;;IAMaC,a;;;;;;;;;;;;WAGT,kBACIC,KADJ,EAEQ;MACJ;AACR;AACA;AACA;MACQ;MACA,KAAKC,MAAL,CAAYD,KAAZ,GAAoBA,KAApB;IACH;;;WAED,kBAAgBE,KAAhB,EAA8C;MAC1C,IAAI,OAAO,KAAKD,MAAL,CAAYD,KAAnB,KAA6B,UAAjC,EAA6C;QACzC;QACA,OAAO,KAAKC,MAAL,CAAYD,KAAZ,CAAkBE,KAAlB,CAAP;MACH;;MACD,OAAO,KAAKD,MAAL,CAAYD,KAAnB;IACH;;;WAED,iBAAeG,IAAf,EAA8C;MAC1C,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,iBAAeD,KAAf,EAAwD;MACpD,IAAI,OAAO,KAAKD,MAAL,CAAYE,IAAnB,KAA4B,UAAhC,EAA4C;QACxC;QACA,OAAO,KAAKF,MAAL,CAAYE,IAAZ,CAAiBD,KAAjB,CAAP;MACH;;MACD,OAAO,KAAKD,MAAL,CAAYE,IAAnB;IACH;;;WAED,oBAAkBC,OAAlB,EAA8D;MAC1D,KAAKH,MAAL,CAAYG,OAAZ,GAAsBA,OAAtB;IACH;;;WAED,sBAAoB;MAChB,OAAO,KAAKH,MAAL,CAAYG,OAAnB;IACH;;;WAED,gBAAuBF,KAAvB,EAAgE;MAC5D,IAAMG,SAAS,GAAGb,OAAO,CAAC,KAAKc,OAAL,CAAaJ,KAAb,CAAD,CAAzB;;MACA,IAAME,QAAO,GAAG,KAAKG,UAAL,EAAhB;;MAEA,oBACI,6BAAC,SAAD;QACI,OAAO,EAAE;UAAA,OAAMH,QAAO,CAACF,KAAD,CAAb;QAAA,CADb;QAEI,wCAA+B,yBAAU,KAAKM,QAAL,CAAcN,KAAd,CAAV,CAA/B;MAFJ,GAIK,KAAKM,QAAL,CAAcN,KAAd,CAJL,CADJ;IAQH;;;EAtDkDO,qB"}
1
+ {"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","ButtonElement","label","config","props","type","onClick","Component","getType","getOnClick","getLabel","UIElement"],"sources":["ButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { UIElement, UIElementConfig } from \"../UIElement\";\nimport { kebabCase } from \"lodash\";\n\nexport type ButtonElementType = \"default\" | \"primary\" | \"secondary\";\n\nexport interface ButtonOnClick<TRenderProps = any> {\n (props: TRenderProps): void;\n}\n\ninterface GetterWithProps<TProps, TReturn> {\n (props: TProps): TReturn;\n}\n\nexport interface ButtonElementConfig<TRenderProps> extends UIElementConfig {\n type: ButtonElementType | GetterWithProps<TRenderProps, ButtonElementType>;\n label: string | GetterWithProps<TRenderProps, string>;\n onClick: ButtonOnClick<TRenderProps>;\n}\n\nconst BUTTONS = {\n default: ButtonDefault,\n primary: ButtonPrimary,\n secondary: ButtonSecondary\n};\n\nexport class ButtonElement<TRenderProps = any> extends UIElement<\n ButtonElementConfig<TRenderProps>\n> {\n public setLabel<TProps extends TRenderProps = TRenderProps>(\n label: string | GetterWithProps<TProps, string>\n ): void {\n /**\n * TODO @ts-refactor\n * 'TProps' could be instantiated with an arbitrary type which could be unrelated to 'TRenderProps'\n */\n // @ts-ignore\n this.config.label = label;\n }\n\n public getLabel(props?: TRenderProps): string {\n if (typeof this.config.label === \"function\") {\n // TODO @ts-refactor find out correct types to pass\n return this.config.label(props as TRenderProps);\n }\n return this.config.label;\n }\n\n public setType(type: ButtonElementType): void {\n this.config.type = type;\n }\n\n public getType(props?: TRenderProps): ButtonElementType {\n if (typeof this.config.type === \"function\") {\n // TODO @ts-refactor find out correct types to pass\n return this.config.type(props as TRenderProps);\n }\n return this.config.type;\n }\n\n public setOnClick(onClick: ButtonOnClick<TRenderProps>): void {\n this.config.onClick = onClick;\n }\n\n public getOnClick() {\n return this.config.onClick;\n }\n\n public override render(props: TRenderProps): React.ReactElement {\n const Component = BUTTONS[this.getType(props)];\n const onClick = this.getOnClick();\n\n return (\n <Component\n onClick={() => onClick(props)}\n data-testid={`button-element-${kebabCase(this.getLabel(props))}`}\n >\n {this.getLabel(props)}\n </Component>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAmBA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,aAAa;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAGtB,kBACIC,KAA+C,EAC3C;MACJ;AACR;AACA;AACA;MACQ;MACA,IAAI,CAACC,MAAM,CAACD,KAAK,GAAGA,KAAK;IAC7B;EAAC;IAAA;IAAA,OAED,kBAAgBE,KAAoB,EAAU;MAC1C,IAAI,OAAO,IAAI,CAACD,MAAM,CAACD,KAAK,KAAK,UAAU,EAAE;QACzC;QACA,OAAO,IAAI,CAACC,MAAM,CAACD,KAAK,CAACE,KAAK,CAAiB;MACnD;MACA,OAAO,IAAI,CAACD,MAAM,CAACD,KAAK;IAC5B;EAAC;IAAA;IAAA,OAED,iBAAeG,IAAuB,EAAQ;MAC1C,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,iBAAeD,KAAoB,EAAqB;MACpD,IAAI,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI,KAAK,UAAU,EAAE;QACxC;QACA,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI,CAACD,KAAK,CAAiB;MAClD;MACA,OAAO,IAAI,CAACD,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,oBAAkBC,OAAoC,EAAQ;MAC1D,IAAI,CAACH,MAAM,CAACG,OAAO,GAAGA,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,sBAAoB;MAChB,OAAO,IAAI,CAACH,MAAM,CAACG,OAAO;IAC9B;EAAC;IAAA;IAAA,OAED,gBAAuBF,KAAmB,EAAsB;MAC5D,IAAMG,SAAS,GAAGb,OAAO,CAAC,IAAI,CAACc,OAAO,CAACJ,KAAK,CAAC,CAAC;MAC9C,IAAME,QAAO,GAAG,IAAI,CAACG,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QACN,OAAO,EAAE;UAAA,OAAMH,QAAO,CAACF,KAAK,CAAC;QAAA,CAAC;QAC9B,wCAA+B,yBAAU,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAC,CAAC;MAAG,GAEhE,IAAI,CAACM,QAAQ,CAACN,KAAK,CAAC,CACb;IAEpB;EAAC;EAAA;AAAA,EAtDkDO,qBAAS;AAAA"}
@@ -1,30 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.ButtonGroupElement = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
15
-
16
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
17
-
18
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
19
-
20
13
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
21
-
22
14
  var _react = _interopRequireDefault(require("react"));
23
-
24
15
  var _UIElement2 = require("../UIElement");
25
-
26
16
  var _styled = _interopRequireDefault(require("@emotion/styled"));
27
-
28
17
  var ButtonGroup = /*#__PURE__*/(0, _styled.default)("div", {
29
18
  target: "eztnaqv0",
30
19
  label: "ButtonGroup"
@@ -38,23 +27,16 @@ var ButtonGroup = /*#__PURE__*/(0, _styled.default)("div", {
38
27
  marginRight: 15
39
28
  }
40
29
  });
41
-
42
30
  var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
43
31
  (0, _inherits2.default)(ButtonGroupElement, _UIElement);
44
-
45
32
  var _super = (0, _createSuper2.default)(ButtonGroupElement);
46
-
47
33
  function ButtonGroupElement(id) {
48
34
  var _this;
49
-
50
35
  (0, _classCallCheck2.default)(this, ButtonGroupElement);
51
36
  _this = _super.call(this, id);
52
-
53
37
  _this.useGrid(false);
54
-
55
38
  return _this;
56
39
  }
57
-
58
40
  (0, _createClass2.default)(ButtonGroupElement, [{
59
41
  key: "render",
60
42
  value: function render(props) {
@@ -63,5 +45,4 @@ var ButtonGroupElement = /*#__PURE__*/function (_UIElement) {
63
45
  }]);
64
46
  return ButtonGroupElement;
65
47
  }(_UIElement2.UIElement);
66
-
67
48
  exports.ButtonGroupElement = ButtonGroupElement;
@@ -1 +1 @@
1
- {"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n display: \"flex\",\n height: \"100%\",\n width: \"100%\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"> button\": {\n marginRight: 15\n }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props?: UiElementRenderProps): React.ReactNode {\n return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEA,IAAMA,WAAW,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC9BC,OAAO,EAAE,MADqB;EAE9BC,MAAM,EAAE,MAFsB;EAG9BC,KAAK,EAAE,MAHuB;EAI9BC,UAAU,EAAE,QAJkB;EAK9BC,cAAc,EAAE,QALc;EAM9B,YAAY;IACRC,WAAW,EAAE;EADL;AANkB,CAAjB,CAAjB;;IAWaC,kB;;;;;EACT,4BAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAsE;MAClE,oBAAO,6BAAC,WAAD,mHAA2BA,KAA3B,EAAP;IACH;;;EATmCC,qB"}
1
+ {"version":3,"names":["ButtonGroup","styled","display","height","width","alignItems","justifyContent","marginRight","ButtonGroupElement","id","useGrid","props","UIElement"],"sources":["ButtonGroupElement.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport styled from \"@emotion/styled\";\n\nconst ButtonGroup = styled(\"div\")({\n display: \"flex\",\n height: \"100%\",\n width: \"100%\",\n alignItems: \"center\",\n justifyContent: \"center\",\n \"> button\": {\n marginRight: 15\n }\n});\n\nexport class ButtonGroupElement extends UIElement<any> {\n public constructor(id: string) {\n super(id);\n\n this.useGrid(false);\n }\n\n public override render(props?: UiElementRenderProps): React.ReactNode {\n return <ButtonGroup>{super.render(props)}</ButtonGroup>;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AAEA;AACA;AAEA,IAAMA,WAAW,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE,QAAQ;EACpBC,cAAc,EAAE,QAAQ;EACxB,UAAU,EAAE;IACRC,WAAW,EAAE;EACjB;AACJ,CAAC,CAAC;AAAC,IAEUC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAE;IAAA;IAAA;IAC3B,0BAAMA,EAAE;IAER,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA4B,EAAmB;MAClE,oBAAO,6BAAC,WAAW,mHAAeA,KAAK,EAAgB;IAC3D;EAAC;EAAA;AAAA,EATmCC,qBAAS;AAAA"}
@@ -3,9 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  var _GenericElement = require("@webiny/ui-composer/elements/GenericElement");
8
-
9
7
  Object.keys(_GenericElement).forEach(function (key) {
10
8
  if (key === "default" || key === "__esModule") return;
11
9
  if (key in exports && exports[key] === _GenericElement[key]) return;
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"names":[],"sources":["GenericElement.tsx"],"sourcesContent":["export * from \"@webiny/ui-composer/elements/GenericElement\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -1,22 +1,15 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.LabelElement = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
11
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
-
18
12
  var _UIElement2 = require("../UIElement");
19
-
20
13
  /**
21
14
  * !GOOD FIRST ISSUE!
22
15
  * Add support for `text` config and `setText` setter to accept functions.
@@ -24,20 +17,14 @@ var _UIElement2 = require("../UIElement");
24
17
  */
25
18
  var LabelElement = /*#__PURE__*/function (_UIElement) {
26
19
  (0, _inherits2.default)(LabelElement, _UIElement);
27
-
28
20
  var _super = (0, _createSuper2.default)(LabelElement);
29
-
30
21
  function LabelElement(id, config) {
31
22
  var _this;
32
-
33
23
  (0, _classCallCheck2.default)(this, LabelElement);
34
24
  _this = _super.call(this, id, config);
35
-
36
25
  _this.applyPlugins(LabelElement);
37
-
38
26
  return _this;
39
27
  }
40
-
41
28
  (0, _createClass2.default)(LabelElement, [{
42
29
  key: "getText",
43
30
  value: function getText() {
@@ -56,5 +43,4 @@ var LabelElement = /*#__PURE__*/function (_UIElement) {
56
43
  }]);
57
44
  return LabelElement;
58
45
  }(_UIElement2.UIElement);
59
-
60
46
  exports.LabelElement = LabelElement;
@@ -1 +1 @@
1
- {"version":3,"names":["LabelElement","id","config","applyPlugins","text","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n public constructor(id: string, config: LabelElementConfig) {\n super(id, config);\n\n this.applyPlugins(LabelElement);\n }\n\n public getText(): string {\n return this.config.text;\n }\n\n public setText(text: string): void {\n this.config.text = text;\n }\n\n public override render(): React.ReactNode {\n return this.config.text;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAMA;AACA;AACA;AACA;AACA;IACaA,Y;;;;;EACT,sBAAmBC,EAAnB,EAA+BC,MAA/B,EAA2D;IAAA;;IAAA;IACvD,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,YAAlB;;IAHuD;EAI1D;;;;WAED,mBAAyB;MACrB,OAAO,KAAKE,MAAL,CAAYE,IAAnB;IACH;;;WAED,iBAAeA,IAAf,EAAmC;MAC/B,KAAKF,MAAL,CAAYE,IAAZ,GAAmBA,IAAnB;IACH;;;WAED,kBAA0C;MACtC,OAAO,KAAKF,MAAL,CAAYE,IAAnB;IACH;;;EAjB6BC,qB"}
1
+ {"version":3,"names":["LabelElement","id","config","applyPlugins","text","UIElement"],"sources":["LabelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\n\nexport interface LabelElementConfig extends UIElementConfig {\n text: string;\n}\n\n/**\n * !GOOD FIRST ISSUE!\n * Add support for `text` config and `setText` setter to accept functions.\n * See example in ButtonElement: packages/app-admin/src/ui/elements/ButtonElement.tsx\n */\nexport class LabelElement extends UIElement<LabelElementConfig> {\n public constructor(id: string, config: LabelElementConfig) {\n super(id, config);\n\n this.applyPlugins(LabelElement);\n }\n\n public getText(): string {\n return this.config.text;\n }\n\n public setText(text: string): void {\n this.config.text = text;\n }\n\n public override render(): React.ReactNode {\n return this.config.text;\n }\n}\n"],"mappings":";;;;;;;;;;;AACA;AAMA;AACA;AACA;AACA;AACA;AAJA,IAKaA,YAAY;EAAA;EAAA;EACrB,sBAAmBC,EAAU,EAAEC,MAA0B,EAAE;IAAA;IAAA;IACvD,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,YAAY,CAAC;IAAC;EACpC;EAAC;IAAA;IAAA,OAED,mBAAyB;MACrB,OAAO,IAAI,CAACE,MAAM,CAACE,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,iBAAeA,IAAY,EAAQ;MAC/B,IAAI,CAACF,MAAM,CAACE,IAAI,GAAGA,IAAI;IAC3B;EAAC;IAAA;IAAA,OAED,kBAA0C;MACtC,OAAO,IAAI,CAACF,MAAM,CAACE,IAAI;IAC3B;EAAC;EAAA;AAAA,EAjB6BC,qBAAS;AAAA"}
@@ -1,80 +1,54 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.TAGS = exports.NavigationMenuElement = void 0;
9
-
10
8
  var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
15
-
16
11
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
17
-
18
12
  var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
19
-
20
13
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
-
22
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
15
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
25
-
26
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
27
-
28
17
  var _store = _interopRequireDefault(require("store"));
29
-
30
18
  var _UIElement2 = require("../UIElement");
31
-
32
19
  var LOCAL_STORAGE_KEY = "webiny_apps_menu_sections";
33
20
  var TAGS;
34
21
  exports.TAGS = TAGS;
35
-
36
22
  (function (TAGS) {
37
23
  TAGS["UTILS"] = "utils";
38
24
  TAGS["APP"] = "app";
39
25
  })(TAGS || (exports.TAGS = TAGS = {}));
40
-
41
26
  var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
42
27
  (0, _inherits2.default)(NavigationMenuElement, _UIElement);
43
-
44
28
  var _super = (0, _createSuper2.default)(NavigationMenuElement);
45
-
46
29
  function NavigationMenuElement(id, config) {
47
30
  var _this;
48
-
49
31
  (0, _classCallCheck2.default)(this, NavigationMenuElement);
50
32
  _this = _super.call(this, id, config);
51
33
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isExpanded", false);
52
34
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_sorters", []);
53
-
54
35
  _this.useGrid(false);
55
-
56
36
  var state = _this.loadState();
57
-
58
37
  _this._isExpanded = state.includes(_this.id);
59
-
60
38
  _this.addSorter(function (a, b) {
61
39
  if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {
62
40
  return -1;
63
41
  }
64
-
65
42
  if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {
66
43
  return 1;
67
44
  }
68
-
69
45
  return a.config.label.localeCompare(b.config.label);
70
- }); // Apply plugins
71
-
46
+ });
72
47
 
48
+ // Apply plugins
73
49
  _this.applyPlugins(NavigationMenuElement);
74
-
75
50
  return _this;
76
51
  }
77
-
78
52
  (0, _createClass2.default)(NavigationMenuElement, [{
79
53
  key: "addElement",
80
54
  value: function addElement(element) {
@@ -112,11 +86,9 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
112
86
  value: function expandElement() {
113
87
  this._isExpanded = true;
114
88
  var state = this.loadState();
115
-
116
89
  if (!state.includes(this.id)) {
117
90
  state.push(this.id);
118
91
  }
119
-
120
92
  this.storeState(state);
121
93
  this.getView().refresh();
122
94
  }
@@ -125,11 +97,9 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
125
97
  value: function collapseElement() {
126
98
  this._isExpanded = false;
127
99
  var state = this.loadState();
128
-
129
100
  if (state.includes(this.id)) {
130
101
  state.splice(state.indexOf(this.id), 1);
131
102
  }
132
-
133
103
  this.storeState(state);
134
104
  this.getView().refresh();
135
105
  }
@@ -140,7 +110,6 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
140
110
  this.collapseElement();
141
111
  return;
142
112
  }
143
-
144
113
  this.expandElement();
145
114
  }
146
115
  }, {
@@ -157,8 +126,7 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
157
126
  key: "runSorters",
158
127
  value: function runSorters() {
159
128
  var _iterator = (0, _createForOfIteratorHelper2.default)(this._sorters),
160
- _step;
161
-
129
+ _step;
162
130
  try {
163
131
  for (_iterator.s(); !(_step = _iterator.n()).done;) {
164
132
  var sorter = _step.value;
@@ -173,5 +141,4 @@ var NavigationMenuElement = /*#__PURE__*/function (_UIElement) {
173
141
  }]);
174
142
  return NavigationMenuElement;
175
143
  }(_UIElement2.UIElement);
176
-
177
144
  exports.NavigationMenuElement = NavigationMenuElement;
@@ -1 +1 @@
1
- {"version":3,"names":["LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","id","config","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","element","runSorters","sorter","_sorters","push","icon","path","storeState","getView","refresh","splice","indexOf","collapseElement","expandElement","localStorage","get","split","filter","Boolean","set","join","getLayout","sort","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n label: React.ReactNode;\n icon?: React.ReactElement;\n path?: string;\n onClick?: Function;\n testId?: string;\n rel?: string;\n target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n UTILS = \"utils\",\n APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n private _isExpanded = false;\n private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n public constructor(id: string, config: TConfig) {\n super(id, config);\n\n this.useGrid(false);\n\n const state = this.loadState();\n this._isExpanded = state.includes(this.id);\n\n this.addSorter((a, b) => {\n if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n return -1;\n }\n\n if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n return 1;\n }\n\n return (a.config.label as string).localeCompare(b.config.label as string);\n });\n\n // Apply plugins\n this.applyPlugins(NavigationMenuElement);\n }\n\n public override addElement<TElement extends UIElement = UIElement>(\n element: TElement\n ): TElement {\n super.addElement(element);\n this.runSorters();\n return element;\n }\n\n public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n this._sorters.push(sorter);\n }\n\n get isExpanded(): boolean {\n return this._isExpanded;\n }\n\n public setIcon(icon: React.ReactElement): void {\n this.config.icon = icon;\n }\n\n public setLabel(label: string): void {\n this.config.label = label;\n }\n\n public setPath(path: string): void {\n this.config.path = path;\n }\n\n public expandElement(): void {\n this._isExpanded = true;\n const state = this.loadState();\n if (!state.includes(this.id)) {\n state.push(this.id);\n }\n this.storeState(state);\n this.getView().refresh();\n }\n\n public collapseElement(): void {\n this._isExpanded = false;\n const state = this.loadState();\n if (state.includes(this.id)) {\n state.splice(state.indexOf(this.id), 1);\n }\n this.storeState(state);\n this.getView().refresh();\n }\n\n public toggleElement(): void {\n if (this._isExpanded) {\n this.collapseElement();\n return;\n }\n this.expandElement();\n }\n\n private loadState(): string[] {\n return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n }\n\n private storeState(state: string[]): void {\n localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n }\n\n private runSorters(): void {\n for (const sorter of this._sorters) {\n this.getLayout().sort(sorter);\n }\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["LOCAL_STORAGE_KEY","TAGS","NavigationMenuElement","id","config","useGrid","state","loadState","_isExpanded","includes","addSorter","a","b","hasTag","APP","UTILS","label","localeCompare","applyPlugins","element","runSorters","sorter","_sorters","push","icon","path","storeState","getView","refresh","splice","indexOf","collapseElement","expandElement","localStorage","get","split","filter","Boolean","set","join","getLayout","sort","UIElement"],"sources":["NavigationMenuElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as localStorage } from \"store\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { UILayoutSorter } from \"@webiny/ui-composer/UILayout\";\n\nexport interface NavigationMenuElementConfig extends UIElementConfig {\n label: React.ReactNode;\n icon?: React.ReactElement;\n path?: string;\n onClick?: Function;\n testId?: string;\n rel?: string;\n target?: string;\n}\n\nconst LOCAL_STORAGE_KEY = \"webiny_apps_menu_sections\";\n\nexport enum TAGS {\n UTILS = \"utils\",\n APP = \"app\"\n}\n\nexport class NavigationMenuElement<\n TConfig extends NavigationMenuElementConfig = NavigationMenuElementConfig\n> extends UIElement<TConfig> {\n private _isExpanded = false;\n private _sorters: UILayoutSorter<NavigationMenuElementConfig>[] = [];\n\n public constructor(id: string, config: TConfig) {\n super(id, config);\n\n this.useGrid(false);\n\n const state = this.loadState();\n this._isExpanded = state.includes(this.id);\n\n this.addSorter((a, b) => {\n if (a.hasTag(TAGS.APP) && b.hasTag(TAGS.UTILS)) {\n return -1;\n }\n\n if (a.hasTag(TAGS.UTILS) && b.hasTag(TAGS.APP)) {\n return 1;\n }\n\n return (a.config.label as string).localeCompare(b.config.label as string);\n });\n\n // Apply plugins\n this.applyPlugins(NavigationMenuElement);\n }\n\n public override addElement<TElement extends UIElement = UIElement>(\n element: TElement\n ): TElement {\n super.addElement(element);\n this.runSorters();\n return element;\n }\n\n public addSorter(sorter: UILayoutSorter<NavigationMenuElementConfig>): void {\n this._sorters.push(sorter);\n }\n\n get isExpanded(): boolean {\n return this._isExpanded;\n }\n\n public setIcon(icon: React.ReactElement): void {\n this.config.icon = icon;\n }\n\n public setLabel(label: string): void {\n this.config.label = label;\n }\n\n public setPath(path: string): void {\n this.config.path = path;\n }\n\n public expandElement(): void {\n this._isExpanded = true;\n const state = this.loadState();\n if (!state.includes(this.id)) {\n state.push(this.id);\n }\n this.storeState(state);\n this.getView().refresh();\n }\n\n public collapseElement(): void {\n this._isExpanded = false;\n const state = this.loadState();\n if (state.includes(this.id)) {\n state.splice(state.indexOf(this.id), 1);\n }\n this.storeState(state);\n this.getView().refresh();\n }\n\n public toggleElement(): void {\n if (this._isExpanded) {\n this.collapseElement();\n return;\n }\n this.expandElement();\n }\n\n private loadState(): string[] {\n return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n }\n\n private storeState(state: string[]): void {\n localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n }\n\n private runSorters(): void {\n for (const sorter of this._sorters) {\n this.getLayout().sort(sorter);\n }\n }\n}\n"],"mappings":"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"}
@@ -1,33 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.PanelElement = void 0;
9
-
10
8
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
-
12
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
13
-
14
10
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
11
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
-
18
12
  var _UIElement2 = require("../UIElement");
19
-
20
13
  var PanelElement = /*#__PURE__*/function (_UIElement) {
21
14
  (0, _inherits2.default)(PanelElement, _UIElement);
22
-
23
15
  var _super = (0, _createSuper2.default)(PanelElement);
24
-
25
16
  function PanelElement() {
26
17
  (0, _classCallCheck2.default)(this, PanelElement);
27
18
  return _super.apply(this, arguments);
28
19
  }
29
-
30
20
  return (0, _createClass2.default)(PanelElement);
31
21
  }(_UIElement2.UIElement);
32
-
33
22
  exports.PanelElement = PanelElement;
@@ -1 +1 @@
1
- {"version":3,"names":["PanelElement","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;IAEaA,Y;;;;;;;;;;;EAAqBC,qB"}
1
+ {"version":3,"names":["PanelElement","UIElement"],"sources":["PanelElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class PanelElement extends UIElement<any> {}\n"],"mappings":";;;;;;;;;;;AAAA;AAA2C,IAE9BA,YAAY;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;AAAA,EAASC,qBAAS;AAAA"}
@@ -1,32 +1,22 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.PlaceholderElement = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
11
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
-
18
12
  var _UIElement2 = require("../UIElement");
19
-
20
13
  var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
21
14
  (0, _inherits2.default)(PlaceholderElement, _UIElement);
22
-
23
15
  var _super = (0, _createSuper2.default)(PlaceholderElement);
24
-
25
16
  function PlaceholderElement() {
26
17
  (0, _classCallCheck2.default)(this, PlaceholderElement);
27
18
  return _super.apply(this, arguments);
28
19
  }
29
-
30
20
  (0, _createClass2.default)(PlaceholderElement, [{
31
21
  key: "render",
32
22
  value: function render() {
@@ -40,5 +30,4 @@ var PlaceholderElement = /*#__PURE__*/function (_UIElement) {
40
30
  }]);
41
31
  return PlaceholderElement;
42
32
  }(_UIElement2.UIElement);
43
-
44
33
  exports.PlaceholderElement = PlaceholderElement;
@@ -1 +1 @@
1
- {"version":3,"names":["PlaceholderElement","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n public override render(): React.ReactNode {\n return null;\n }\n\n public override remove(): void {\n return;\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;IAEaA,kB;;;;;;;;;;;;WACT,kBAA0C;MACtC,OAAO,IAAP;IACH;;;WAED,kBAA+B;MAC3B;IACH;;;EAPmCC,qB"}
1
+ {"version":3,"names":["PlaceholderElement","UIElement"],"sources":["PlaceholderElement.tsx"],"sourcesContent":["import { UIElement } from \"../UIElement\";\n\nexport class PlaceholderElement extends UIElement {\n public override render(): React.ReactNode {\n return null;\n }\n\n public override remove(): void {\n return;\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAAyC,IAE5BA,kBAAkB;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAC3B,kBAA0C;MACtC,OAAO,IAAI;IACf;EAAC;IAAA;IAAA,OAED,kBAA+B;MAC3B;IACJ;EAAC;EAAA;AAAA,EAPmCC,qBAAS;AAAA"}
@@ -1,55 +1,37 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.SmallButtonElement = void 0;
9
-
10
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
-
12
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
-
14
10
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
-
16
11
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
17
-
18
12
  var _react = _interopRequireDefault(require("react"));
19
-
20
13
  var _Button = require("@webiny/ui/Button");
21
-
22
14
  var _ButtonElement2 = require("./ButtonElement");
23
-
24
15
  var BUTTONS = {
25
16
  default: _Button.ButtonDefault,
26
17
  primary: _Button.ButtonPrimary,
27
18
  secondary: _Button.ButtonSecondary
28
19
  };
29
-
30
20
  var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
31
21
  (0, _inherits2.default)(SmallButtonElement, _ButtonElement);
32
-
33
22
  var _super = (0, _createSuper2.default)(SmallButtonElement);
34
-
35
23
  function SmallButtonElement(id, config) {
36
24
  var _this;
37
-
38
25
  (0, _classCallCheck2.default)(this, SmallButtonElement);
39
26
  _this = _super.call(this, id, config);
40
-
41
27
  _this.applyPlugins(SmallButtonElement);
42
-
43
28
  return _this;
44
29
  }
45
-
46
30
  (0, _createClass2.default)(SmallButtonElement, [{
47
31
  key: "render",
48
32
  value: function render(props) {
49
33
  var Component = BUTTONS[this.getType()];
50
-
51
34
  var _onClick = this.getOnClick();
52
-
53
35
  return /*#__PURE__*/_react.default.createElement(Component, {
54
36
  small: true,
55
37
  onClick: function onClick() {
@@ -60,5 +42,4 @@ var SmallButtonElement = /*#__PURE__*/function (_ButtonElement) {
60
42
  }]);
61
43
  return SmallButtonElement;
62
44
  }(_ButtonElement2.ButtonElement);
63
-
64
45
  exports.SmallButtonElement = SmallButtonElement;
@@ -1 +1 @@
1
- {"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\n\nconst BUTTONS = {\n default: ButtonDefault,\n primary: ButtonPrimary,\n secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {\n public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n super(id, config);\n\n this.applyPlugins(SmallButtonElement);\n }\n\n public override render(props: TRenderProps): React.ReactElement {\n const Component = BUTTONS[this.getType()];\n const onClick = this.getOnClick();\n\n return (\n <Component small onClick={() => onClick(props)}>\n {this.getLabel()}\n </Component>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBADG;EAEZC,OAAO,EAAEC,qBAFG;EAGZC,SAAS,EAAEC;AAHC,CAAhB;;IAMaC,kB;;;;;EACT,4BAAmBC,EAAnB,EAA+BC,MAA/B,EAA0E;IAAA;;IAAA;IACtE,0BAAMD,EAAN,EAAUC,MAAV;;IAEA,MAAKC,YAAL,CAAkBH,kBAAlB;;IAHsE;EAIzE;;;;WAED,gBAAuBI,KAAvB,EAAgE;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,KAAKa,OAAL,EAAD,CAAzB;;MACA,IAAMC,QAAO,GAAG,KAAKC,UAAL,EAAhB;;MAEA,oBACI,6BAAC,SAAD;QAAW,KAAK,MAAhB;QAAiB,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAD,CAAb;QAAA;MAA1B,GACK,KAAKK,QAAL,EADL,CADJ;IAKH;;;EAhBuDC,6B"}
1
+ {"version":3,"names":["BUTTONS","default","ButtonDefault","primary","ButtonPrimary","secondary","ButtonSecondary","SmallButtonElement","id","config","applyPlugins","props","Component","getType","onClick","getOnClick","getLabel","ButtonElement"],"sources":["SmallButtonElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonDefault, ButtonPrimary, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { ButtonElement, ButtonElementConfig } from \"~/ui/elements/ButtonElement\";\n\nconst BUTTONS = {\n default: ButtonDefault,\n primary: ButtonPrimary,\n secondary: ButtonSecondary\n};\n\nexport class SmallButtonElement<TRenderProps = any> extends ButtonElement<TRenderProps> {\n public constructor(id: string, config: ButtonElementConfig<TRenderProps>) {\n super(id, config);\n\n this.applyPlugins(SmallButtonElement);\n }\n\n public override render(props: TRenderProps): React.ReactElement {\n const Component = BUTTONS[this.getType()];\n const onClick = this.getOnClick();\n\n return (\n <Component small onClick={() => onClick(props)}>\n {this.getLabel()}\n </Component>\n );\n }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,OAAO,GAAG;EACZC,OAAO,EAAEC,qBAAa;EACtBC,OAAO,EAAEC,qBAAa;EACtBC,SAAS,EAAEC;AACf,CAAC;AAAC,IAEWC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAEC,MAAyC,EAAE;IAAA;IAAA;IACtE,0BAAMD,EAAE,EAAEC,MAAM;IAEhB,MAAKC,YAAY,CAACH,kBAAkB,CAAC;IAAC;EAC1C;EAAC;IAAA;IAAA,OAED,gBAAuBI,KAAmB,EAAsB;MAC5D,IAAMC,SAAS,GAAGZ,OAAO,CAAC,IAAI,CAACa,OAAO,EAAE,CAAC;MACzC,IAAMC,QAAO,GAAG,IAAI,CAACC,UAAU,EAAE;MAEjC,oBACI,6BAAC,SAAS;QAAC,KAAK;QAAC,OAAO,EAAE;UAAA,OAAMD,QAAO,CAACH,KAAK,CAAC;QAAA;MAAC,GAC1C,IAAI,CAACK,QAAQ,EAAE,CACR;IAEpB;EAAC;EAAA;AAAA,EAhBuDC,6BAAa;AAAA"}