From 60da5bb7ec346327646f82f1945fbb57735a8771 Mon Sep 17 00:00:00 2001 From: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> Date: Fri, 5 Aug 2022 15:03:24 +0200 Subject: [PATCH 1/3] refactor(design-system): replace functional components (#3802) * update creator item * update warning tooltip * update badge and trigger icon * update action box * update avatar component * update badge * update heading component * update icon component * update link component * update menu * update route component * fix avatar bug * fix avatar bug * update input component * update select * update input * update tags component * update spinner * update square button * update tag component * update text component * add danger color * add vue.extend * add human readable names * add human readable name * revert button changes * update name * revert name * update classes * delete unused component * redo name change * rename * rename back * rename back * update snapshots --- .../src/components/N8nActionBox/ActionBox.vue | 42 +++++----- .../src/components/N8nAvatar/Avatar.vue | 54 +++++++----- .../src/components/N8nBadge/Badge.vue | 14 ++-- .../__snapshots__/Badge.spec.ts.snap | 6 +- .../src/components/N8nCallout/Callout.vue | 1 + .../__snapshots__/Callout.spec.ts.snap | 14 ++-- .../src/components/N8nCheckbox/Checkbox.vue | 2 +- .../src/components/N8nFormBox/FormBox.vue | 2 +- .../src/components/N8nHeading/Heading.vue | 74 +++++++++++++---- .../src/components/N8nIcon/Icon.vue | 27 +++--- .../components/N8nIconButton/IconButton.vue | 6 +- .../N8nInfoAccordion/InfoAccordion.vue | 6 +- .../src/components/N8nInfoTip/InfoTip.vue | 8 +- .../src/components/N8nInput/Input.vue | 69 +++++++++------ .../components/N8nInputLabel/InputLabel.vue | 7 +- .../src/components/N8nLink/Link.vue | 21 +++-- .../src/components/N8nLoading/Loading.vue | 8 +- .../src/components/N8nMarkdown/Markdown.vue | 8 +- .../src/components/N8nMenu/Menu.vue | 23 ++--- .../src/components/N8nPulse/Pulse.vue | 6 +- .../N8nRadioButtons/RadioButton.vue | 8 +- .../N8nRadioButtons/RadioButtons.vue | 8 +- .../src/components/N8nRoute/Route.vue | 40 ++++----- .../src/components/N8nSelect/Select.vue | 77 +++++++++++------ .../src/components/N8nSpinner/Spinner.vue | 17 ++-- .../N8nSquareButton/SquareButton.vue | 7 +- .../src/components/N8nSticky/Resize.vue | 6 +- .../src/components/N8nSticky/Sticky.vue | 9 +- .../src/components/N8nTabs/Tabs.vue | 2 +- .../src/components/N8nTag/Tag.vue | 12 ++- .../src/components/N8nTags/Tags.vue | 11 +-- .../src/components/N8nText/Text.vue | 83 ++++++++++++++----- packages/editor-ui/src/components/Badge.vue | 12 +-- .../components/NodeCreator/CreatorItem.vue | 40 ++++----- .../editor-ui/src/components/NodeTitle.vue | 2 +- .../src/components/ParameterInput.vue | 4 +- .../editor-ui/src/components/TagsDropdown.vue | 11 +-- .../editor-ui/src/components/TriggerIcon.vue | 2 +- .../src/components/WarningTooltip.vue | 2 +- packages/editor-ui/src/plugins/components.ts | 42 +++++----- 40 files changed, 486 insertions(+), 307 deletions(-) diff --git a/packages/design-system/src/components/N8nActionBox/ActionBox.vue b/packages/design-system/src/components/N8nActionBox/ActionBox.vue index e8e0b4c585..ed2bfee6d4 100644 --- a/packages/design-system/src/components/N8nActionBox/ActionBox.vue +++ b/packages/design-system/src/components/N8nActionBox/ActionBox.vue @@ -1,29 +1,28 @@ -