@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.
- package/base/Admin.js +7 -21
- package/base/Admin.js.map +1 -1
- package/base/Base.js +6 -25
- package/base/Base.js.map +1 -1
- package/base/plugins/AddGraphQLQuerySelection.js +0 -8
- package/base/plugins/AddGraphQLQuerySelection.js.map +1 -1
- package/base/providers/ApolloProvider.js +0 -5
- package/base/providers/ApolloProvider.js.map +1 -1
- package/base/providers/TelemetryProvider.js +1 -7
- package/base/providers/TelemetryProvider.js.map +1 -1
- package/base/providers/UiStateProvider.js +0 -5
- package/base/providers/UiStateProvider.js.map +1 -1
- package/base/providers/ViewCompositionProvider.js +3 -16
- package/base/providers/ViewCompositionProvider.js.map +1 -1
- package/base/ui/Brand.d.ts +2 -2
- package/base/ui/Brand.js +3 -7
- package/base/ui/Brand.js.map +1 -1
- package/base/ui/CenteredView.js +2 -7
- package/base/ui/CenteredView.js.map +1 -1
- package/base/ui/Dashboard.d.ts +2 -2
- package/base/ui/Dashboard.js +3 -7
- package/base/ui/Dashboard.js.map +1 -1
- package/base/ui/Layout.d.ts +2 -2
- package/base/ui/Layout.js +4 -9
- package/base/ui/Layout.js.map +1 -1
- package/base/ui/LocaleSelector.d.ts +2 -2
- package/base/ui/LocaleSelector.js +3 -7
- package/base/ui/LocaleSelector.js.map +1 -1
- package/base/ui/LoginScreen.d.ts +1 -1
- package/base/ui/LoginScreen.js +2 -8
- package/base/ui/LoginScreen.js.map +1 -1
- package/base/ui/Logo.d.ts +2 -2
- package/base/ui/Logo.js +4 -10
- package/base/ui/Logo.js.map +1 -1
- package/base/ui/Menu.js +2 -31
- package/base/ui/Menu.js.map +1 -1
- package/base/ui/Navigation.d.ts +3 -3
- package/base/ui/Navigation.js +16 -49
- package/base/ui/Navigation.js.map +1 -1
- package/base/ui/NotFound.d.ts +2 -2
- package/base/ui/NotFound.js +3 -7
- package/base/ui/NotFound.js.map +1 -1
- package/base/ui/Search.d.ts +2 -2
- package/base/ui/Search.js +8 -26
- package/base/ui/Search.js.map +1 -1
- package/base/ui/Tags.js +1 -8
- package/base/ui/Tags.js.map +1 -1
- package/base/ui/UserMenu.d.ts +7 -7
- package/base/ui/UserMenu.js +13 -37
- package/base/ui/UserMenu.js.map +1 -1
- package/components/AdminLayout.js +1 -6
- package/components/AdminLayout.js.map +1 -1
- package/components/AppInstaller/AppInstaller.js +18 -52
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/Sidebar.js +9 -32
- package/components/AppInstaller/Sidebar.js.map +1 -1
- package/components/AppInstaller/index.js +0 -7
- package/components/AppInstaller/index.js.map +1 -1
- package/components/AppInstaller/styled.js +0 -4
- package/components/AppInstaller/styled.js.map +1 -1
- package/components/AppInstaller/useInstaller.js +66 -122
- package/components/AppInstaller/useInstaller.js.map +1 -1
- package/components/EmptyView.js +3 -11
- package/components/EmptyView.js.map +1 -1
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +0 -14
- package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map +1 -1
- package/components/FileManager/BottomInfoBar/UploadStatus.js +0 -9
- package/components/FileManager/BottomInfoBar/UploadStatus.js.map +1 -1
- package/components/FileManager/BottomInfoBar.js +0 -12
- package/components/FileManager/BottomInfoBar.js.map +1 -1
- package/components/FileManager/DropFilesHere.js +3 -12
- package/components/FileManager/DropFilesHere.js.map +1 -1
- package/components/FileManager/File.js +5 -18
- package/components/FileManager/File.js.map +1 -1
- package/components/FileManager/FileDetails/Name.js +45 -75
- package/components/FileManager/FileDetails/Name.js.map +1 -1
- package/components/FileManager/FileDetails/Tags.js +85 -138
- package/components/FileManager/FileDetails/Tags.js.map +1 -1
- package/components/FileManager/FileDetails.js +94 -161
- package/components/FileManager/FileDetails.js.map +1 -1
- package/components/FileManager/FileManagerContext.js +12 -45
- package/components/FileManager/FileManagerContext.js.map +1 -1
- package/components/FileManager/FileManagerView.js +177 -294
- package/components/FileManager/FileManagerView.js.map +1 -1
- package/components/FileManager/LeftSidebar.js +10 -29
- package/components/FileManager/LeftSidebar.js.map +1 -1
- package/components/FileManager/NoPermissionView.js +0 -13
- package/components/FileManager/NoPermissionView.js.map +1 -1
- package/components/FileManager/NoResults.js +0 -6
- package/components/FileManager/NoResults.js.map +1 -1
- package/components/FileManager/getFileTypePlugin.js +9 -15
- package/components/FileManager/getFileTypePlugin.js.map +1 -1
- package/components/FileManager/getFileUploader.js +0 -5
- package/components/FileManager/getFileUploader.js.map +1 -1
- package/components/FileManager/graphql.js +3 -14
- package/components/FileManager/graphql.js.map +1 -1
- package/components/FileManager/outputFileSelectionError.js +0 -14
- package/components/FileManager/outputFileSelectionError.js.map +1 -1
- package/components/FileManager.js +17 -43
- package/components/FileManager.js.map +1 -1
- package/components/FloatingActionButton.js +0 -6
- package/components/FloatingActionButton.js.map +1 -1
- package/components/MultiImageUpload.js +1 -10
- package/components/MultiImageUpload.js.map +1 -1
- package/components/OverlayLayout/OverlayLayout.js +7 -36
- package/components/OverlayLayout/OverlayLayout.js.map +1 -1
- package/components/OverlayLayout/index.js +0 -2
- package/components/OverlayLayout/index.js.map +1 -1
- package/components/Permissions/Permissions.d.ts +2 -0
- package/components/Permissions/Permissions.js +25 -27
- package/components/Permissions/Permissions.js.map +1 -1
- package/components/Permissions/StyledComponents.js +0 -7
- package/components/Permissions/StyledComponents.js.map +1 -1
- package/components/Permissions/index.js +0 -3
- package/components/Permissions/index.js.map +1 -1
- package/components/RichTextEditor/RichTextEditor.js +0 -7
- package/components/RichTextEditor/RichTextEditor.js.map +1 -1
- package/components/RichTextEditor/index.js +0 -2
- package/components/RichTextEditor/index.js.map +1 -1
- package/components/RichTextEditor/tools/header/index.js +62 -102
- package/components/RichTextEditor/tools/header/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/index.js +15 -36
- package/components/RichTextEditor/tools/image/index.js.map +1 -1
- package/components/RichTextEditor/tools/image/svgs.js.map +1 -1
- package/components/RichTextEditor/tools/image/tunes.js +5 -22
- package/components/RichTextEditor/tools/image/tunes.js.map +1 -1
- package/components/RichTextEditor/tools/image/ui.js +16 -39
- package/components/RichTextEditor/tools/image/ui.js.map +1 -1
- package/components/RichTextEditor/tools/paragraph/index.js +55 -81
- package/components/RichTextEditor/tools/paragraph/index.js.map +1 -1
- package/components/RichTextEditor/tools/textColor/index.js +15 -41
- package/components/RichTextEditor/tools/textColor/index.js.map +1 -1
- package/components/RichTextEditor/tools/utils.js +0 -2
- package/components/RichTextEditor/tools/utils.js.map +1 -1
- package/components/Routes.js +6 -13
- package/components/Routes.js.map +1 -1
- package/components/SearchUI.d.ts +1 -0
- package/components/SearchUI.js +12 -12
- package/components/SearchUI.js.map +1 -1
- package/components/SimpleForm/SimpleForm.js +3 -32
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SimpleForm/index.js +0 -1
- package/components/SimpleForm/index.js.map +1 -1
- package/components/SimpleUI/InputField.d.ts +2 -0
- package/components/SimpleUI/InputField.js +16 -30
- package/components/SimpleUI/InputField.js.map +1 -1
- package/components/SingleImageUpload.js +12 -28
- package/components/SingleImageUpload.js.map +1 -1
- package/components/SplitView/SplitView.js +0 -20
- package/components/SplitView/SplitView.js.map +1 -1
- package/components/SplitView/index.js +0 -1
- package/components/SplitView/index.js.map +1 -1
- package/components/index.js +0 -1
- package/components/index.js.map +1 -1
- package/hooks/useConfirmationDialog.d.ts +3 -1
- package/hooks/useConfirmationDialog.js +12 -20
- package/hooks/useConfirmationDialog.js.map +1 -1
- package/hooks/useDialog.js +0 -5
- package/hooks/useDialog.js.map +1 -1
- package/hooks/useSnackbar.js +0 -5
- package/hooks/useSnackbar.js.map +1 -1
- package/index.d.ts +2 -2
- package/index.js +4 -52
- package/index.js.map +1 -1
- package/package.json +20 -21
- package/plugins/FileManagerFileTypePlugin.js +0 -15
- package/plugins/FileManagerFileTypePlugin.js.map +1 -1
- package/plugins/MenuPlugin.js +0 -15
- package/plugins/MenuPlugin.js.map +1 -1
- package/plugins/PermissionRendererPlugin.js +0 -15
- package/plugins/PermissionRendererPlugin.js.map +1 -1
- package/plugins/fileManager/fileDefault.js +0 -6
- package/plugins/fileManager/fileDefault.js.map +1 -1
- package/plugins/fileManager/fileImage/DeleteAction.js +16 -40
- package/plugins/fileManager/fileImage/DeleteAction.js.map +1 -1
- package/plugins/fileManager/fileImage/EditAction.js +22 -58
- package/plugins/fileManager/fileImage/EditAction.js.map +1 -1
- package/plugins/fileManager/fileImage/index.js +0 -8
- package/plugins/fileManager/fileImage/index.js.map +1 -1
- package/plugins/fileManager/index.js +0 -2
- package/plugins/fileManager/index.js.map +1 -1
- package/plugins/globalSearch/SearchBar.js +3 -51
- package/plugins/globalSearch/SearchBar.js.map +1 -1
- package/plugins/globalSearch/SearchBarDropdown.js +13 -31
- package/plugins/globalSearch/SearchBarDropdown.js.map +1 -1
- package/plugins/globalSearch/index.js.map +1 -1
- package/plugins/globalSearch/styled.js +1 -5
- package/plugins/globalSearch/styled.js.map +1 -1
- package/plugins/uiLayoutRenderer/index.js +2 -16
- package/plugins/uiLayoutRenderer/index.js.map +1 -1
- package/styles/material-theme-assignments.scss +4 -0
- package/styles/theme.scss +31 -1
- package/ui/UIElement.js +0 -1
- package/ui/UIElement.js.map +1 -1
- package/ui/UILayout.js +0 -1
- package/ui/UILayout.js.map +1 -1
- package/ui/UIRenderer.js +0 -1
- package/ui/UIRenderer.js.map +1 -1
- package/ui/UIView.js +0 -1
- package/ui/UIView.js.map +1 -1
- package/ui/elements/AccordionElement.js +2 -28
- package/ui/elements/AccordionElement.js.map +1 -1
- package/ui/elements/ButtonElement.js +0 -19
- package/ui/elements/ButtonElement.js.map +1 -1
- package/ui/elements/ButtonGroupElement.js +0 -19
- package/ui/elements/ButtonGroupElement.js.map +1 -1
- package/ui/elements/GenericElement.js +0 -2
- package/ui/elements/GenericElement.js.map +1 -1
- package/ui/elements/LabelElement.js +0 -14
- package/ui/elements/LabelElement.js.map +1 -1
- package/ui/elements/NavigationMenuElement.js +3 -36
- package/ui/elements/NavigationMenuElement.js.map +1 -1
- package/ui/elements/PanelElement.js +0 -11
- package/ui/elements/PanelElement.js.map +1 -1
- package/ui/elements/PlaceholderElement.js +0 -11
- package/ui/elements/PlaceholderElement.js.map +1 -1
- package/ui/elements/SmallButtonElement.js +0 -19
- package/ui/elements/SmallButtonElement.js.map +1 -1
- package/ui/elements/TypographyElement.js +0 -19
- package/ui/elements/TypographyElement.js.map +1 -1
- package/ui/elements/ViewElement.js +0 -2
- package/ui/elements/ViewElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +0 -16
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js.map +1 -1
- package/ui/elements/form/DynamicFieldsetElement.js +11 -34
- package/ui/elements/form/DynamicFieldsetElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js +0 -15
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js.map +1 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +0 -22
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +3 -22
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js.map +1 -1
- package/ui/elements/form/FileManagerElement/styled.js +0 -5
- package/ui/elements/form/FileManagerElement/styled.js.map +1 -1
- package/ui/elements/form/FileManagerElement.js +0 -20
- package/ui/elements/form/FileManagerElement.js.map +1 -1
- package/ui/elements/form/FormElement.js +0 -21
- package/ui/elements/form/FormElement.js.map +1 -1
- package/ui/elements/form/FormFieldElement.js +0 -33
- package/ui/elements/form/FormFieldElement.js.map +1 -1
- package/ui/elements/form/HiddenElement.js +0 -17
- package/ui/elements/form/HiddenElement.js.map +1 -1
- package/ui/elements/form/InputElement.js +0 -18
- package/ui/elements/form/InputElement.js.map +1 -1
- package/ui/elements/form/PasswordElement.js +0 -15
- package/ui/elements/form/PasswordElement.js.map +1 -1
- package/ui/elements/form/SelectElement.js +1 -19
- package/ui/elements/form/SelectElement.js.map +1 -1
- package/ui/elements/form/TextareaElement.js +0 -17
- package/ui/elements/form/TextareaElement.js.map +1 -1
- package/ui/views/AdminView/ContentElement.js +1 -25
- package/ui/views/AdminView/ContentElement.js.map +1 -1
- package/ui/views/AdminView/HeaderElement.js +0 -40
- package/ui/views/AdminView/HeaderElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionCenterElement.js +0 -20
- package/ui/views/AdminView/HeaderSectionCenterElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionLeftElement.js +0 -20
- package/ui/views/AdminView/HeaderSectionLeftElement.js.map +1 -1
- package/ui/views/AdminView/HeaderSectionRightElement.js +0 -20
- package/ui/views/AdminView/HeaderSectionRightElement.js.map +1 -1
- package/ui/views/AdminView/components/Dialog.js +10 -21
- package/ui/views/AdminView/components/Dialog.js.map +1 -1
- package/ui/views/AdminView/components/Hamburger.js +0 -8
- package/ui/views/AdminView/components/Hamburger.js.map +1 -1
- package/ui/views/AdminView/components/Snackbar.js +0 -9
- package/ui/views/AdminView/components/Snackbar.js.map +1 -1
- package/ui/views/FormView/FormContainerElement.js +0 -21
- package/ui/views/FormView/FormContainerElement.js.map +1 -1
- package/ui/views/FormView/FormContentElement.js +0 -11
- package/ui/views/FormView/FormContentElement.js.map +1 -1
- package/ui/views/FormView/FormFooterElement.js +0 -19
- package/ui/views/FormView/FormFooterElement.js.map +1 -1
- package/ui/views/FormView/FormHeaderElement.js +2 -24
- package/ui/views/FormView/FormHeaderElement.js.map +1 -1
- package/ui/views/FormView.js +0 -41
- package/ui/views/FormView.js.map +1 -1
- package/ui/views/OverlayView/ContentElement.js +0 -19
- package/ui/views/OverlayView/ContentElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderElement.js +3 -25
- package/ui/views/OverlayView/HeaderElement.js.map +1 -1
- package/ui/views/OverlayView/HeaderTitleElement.js +0 -22
- package/ui/views/OverlayView/HeaderTitleElement.js.map +1 -1
- package/ui/views/OverlayView/useOverlayView.js +3 -13
- package/ui/views/OverlayView/useOverlayView.js.map +1 -1
- package/ui/views/OverlayView.js +3 -37
- package/ui/views/OverlayView.js.map +1 -1
- package/ui/views/SplitView/SplitViewPanelElement.js +2 -22
- package/ui/views/SplitView/SplitViewPanelElement.js.map +1 -1
- package/ui/views/SplitView.js +0 -40
- 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":"
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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
|
-
});
|
|
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
|
-
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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"}
|