n8n/packages/design-system/theme/src
Mutasem Aldmour 31dd01f9cb
feat(editor): Add Workflow Stickies (Notes) (#3154)
* N8N-3029 Add Node Type for Wokrflow Stickies/Notes

* N8N-3029 Update Content, Update Aliasses

* N8N-3030 Created N8N Sticky Component in Design System

* N8N-3030 Fixed Code spaccing Sticky Component

* N8N-3030 Fixed Code spaccing StickyStories Component

* N8N-3030 Fixed Code spaccing Markdown Component

* N8N-3030 Added Sticky Colors Pallete into Storybook, Update Color Variables for Sticky Component

* N8N-3030 Added Unfocus Event

* N8N-3030 Update Default Placeholder, Markdown Styles, Fixed Edit State, Added Text to EditState, Fixed Height of Area, Turned off Resize of textarea

* N8N-3030 Update Sticky Overflow, Update Hover States, Updated Markdown Overflow

* N8N-3030, N8N-3031 - Add Resize to Sticky, Created N8n-Resize component

* N8N-3031 Fixed Importing Components in Editor-ui

* N8N-3031 Fixed Resize Component, Fixed Gradient

* N8N-3030, N8N-3031 Update Note Description

* N8N-3032 Hotfix Building Storybook

* N8N-3032 - Select Behaviour, Changes in Resize Component, Emit on Width/Height/Top/Left Change

* N8N-3032 Update Resize Component to emmit left/top, Update Dynamic Resize on Selected Background

* N8N-3032 Updated / Dragging vs Resizing, prevent open Modal for stickies

* N8N-3032 Added ID props to n8n-sticky // dynamic id for multi resizing in NodeView

* N8N-3033 Add dynamic size Tooltip on Sticky

* N8N-3033 Updated Z-index for Sticky Component

* N8N-3033 Updated N8N-Resize Component, Fixed SelectedBackround for Sticky Component

* N8N-3033 Refactor

* N8N-3033 Focus/Defocus on TextArea

* N8N-3033 Fixed Resizing on NW Point

* N8N-3030 Save content in vuex on input change

* N8N-3033 Fixed Resizer, Save Width and Height in Vue

* N8N-3033 Hide Sticky Footer on small height/width

* N8N-3033 Fixed Resizer

* N8N-3033 Dynamic Z-index for Stickies

* N8N-3033 Dynamic Z-index for Stickies

* N8N-3033 Removed static z-index for select sticky class

* N8N-3034 Added Telemetry

* N8N-3030 Formatter

* N8N-3030 Format code

* N8N-3030 Fixed Selecting Stickies

* N8N-3033 Fixed Notifications

* N8N-3030 Added new paddings for Default Stickies

* N8N-3033 Prevent Scrolling NodeView when Sticky is in Edit mode and Mouse is Over the TextArea

* N8N-3030 Prevent double clicking to switch state of Sticky component in Edit Mode

* N8N-3033 Fixed Z-index of Stickies

* N8N-3033 Prevent delete node when in EditMode

* N8N-3030 Prevent Delete Button to delete the Sticky while in Edit Mode

* N8N-3030 Change EditMode (emit) on keyboard shortucts, update Markdown Links & Images, Added new props

* N8N-3030 Sticky Component - No padding when hiding footer text

* N8N-3033 Fix Resizing enter into Edit Mode

* N8N-3033 Selecting different nodes - exit the edit mode

* N8N-3033 Auto Select Text in text-area by default - Sticky Component

* N8N-3033 Prevent Default behaviour for CTRL + X, CTRL + A when Sticky is Active && inEditMode

* N8N-3033 Refactor Resizer, Refactor Sticky, Update zIndex inEditMode

* N8N-3033 Updated Default Text // Node-base, Storybook

* N8N-3033 Add Resizing in EditMode - Components update

* N8N-3033 Fixed Footer - Show/Hide on Resize in EditMode

* N8N-3033 Fix ActiveSticky on Init

* N8N-3033 Refactor Sticky in Vuex, Fixed Init Sticky Tweaks, Prevent Modal Openning, Save on Keyboard shortcuts

* Stickies - Update Note node with new props

* N8N-3030 Updated Default Note text, Update the Markdown Link

* N8N-3030 CMD-C does not copy the text fix

* N8N-3030 Fix Max Zoom / Zoom out shortcuts disabled in editState

* N8N-3030 Z-index fixed during Edit Mode typing

* N8N-3030 Prevent Autoselect Text in Stickies if the text is not default

* N8N-3030 Fixed ReadOnly Bugs / Prevent showing Tooltip, Resizing

* N8N-3030 Added Sticky Creator Button

* N8N-3030 Update Icon / Sticky Creator Button

* N8N-3033 Update Sticky Icon / StickyCreator Button

* update package lock

* 🔩 update note props

* 🚿 clean props

* 🔧 linting

* 🔧 fix spacing

* remove resize component

* remove resize component

* ✂ clean up sticky

* revert back to height width

* revert back to height/width

* replace zindex property

* replace default text property

* use i18n to translate

* update package lock

* move resize

* clean up how height/width are set

* fix resize for sticky to support left/top

* clean up resize

* fix lasso/highlight bug

* remove unused props

* fix zoom to fit

* fix padding for demo view

* fix readonly

* remove iseditable, use active state

* clean up keyboard events

* chang button size, no edit on insert

* scale resizing correctly

* make active on resize

* fix select on resize/move

* use outline icon

* allow for multiple line breaks

* fix multi line bug

* fix edit mode outline

* keep edit open as one resizes

* respect multiple spaces

* fix scrolling bug

* clean up hover impl

* clean up references to note

* disable for rename

* fix drifting while drag

* fix mouse cursor on resize

* fix sticky min height

* refactor resize into component

* fix pulling too far bug

* fix delete/cut all bug

* fix padding bottom

* fix active change on resize

* add transition to button

* Fix sticky markdown click

* add solid fa icon

* update node graph, telemetry event

* add snapping

* change alt text

* update package lock

* fix bug in button hover

* add back transition

* clean up resize

* add grid size as param

* remove breaks

* clean up markdown

* lint fixes

* fix spacing

* clean up markdown colors

* clean up classes in resize

* clean up resize

* update sticky story

* fix spacing

* clean up classes

* revert change

* revert change

* revert change

* clean up sticky component

* remove unused component

* remove unnessary data

* remove unnessary data

* clean up actions

* clean up sticky size

* clean up unnessary border style

* fix bug

* replace sticky note name

* update description

* remove support for multi spaces

* update tracking name

* update telemetry reqs

* fix enter bug

* update alt text

* update sticky notes doc url

* fix readonly bug

* update class name

* update quote marks

Co-authored-by: SchnapsterDog <olivertrajceski@yahoo.com>
2022-04-25 12:38:37 +02:00
..
common fix(editor): Fix i18n issues (#3072) 2022-04-11 15:12:13 +02:00
date-picker Implement design system (#2050) 2021-08-29 13:36:17 +02:00
fonts Implement design system (#2050) 2021-08-29 13:36:17 +02:00
mixins Implement design system (#2050) 2021-08-29 13:36:17 +02:00
_tokens.dark.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
_tokens.scss feat(editor): Add Workflow Stickies (Notes) (#3154) 2022-04-25 12:38:37 +02:00
alert.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
aside.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
autocomplete.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
avatar.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
backtop.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
badge.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
base.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
breadcrumb-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
breadcrumb.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
button-group.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
button.scss Update parameter inputs to be multi-line (#2299) 2021-10-27 14:55:37 -05:00
calendar.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
card.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
carousel-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
carousel.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
cascader-panel.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
cascader.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
checkbox-button.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
checkbox-group.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
checkbox.scss Update credentials modal (#2154) 2021-09-11 10:15:36 +02:00
col.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
collapse-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
collapse.scss Introduce telemetry (#2099) 2021-10-19 05:57:49 +02:00
color-picker.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
container.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
date-picker.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
dialog.scss Update parameter inputs to be multi-line (#2299) 2021-10-27 14:55:37 -05:00
display.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
divider.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
drawer.scss Update credentials modal (#2154) 2021-09-11 10:15:36 +02:00
dropdown-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
dropdown-menu.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
dropdown.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
footer.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
form-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
form.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
header.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
icon.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
image.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
index.scss fix(editor): Fix i18n issues (#3072) 2022-04-11 15:12:13 +02:00
infinite-scroll.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
infiniteScroll.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
input-number.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
input.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
link.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
loading.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
main.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
menu-item-group.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
menu-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
menu.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
message-box.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
message.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
notification.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
option-group.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
option.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
page-header.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
pagination.scss fix(editor): Fix i18n issues (#3072) 2022-04-11 15:12:13 +02:00
popconfirm.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
popover.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
popper.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
progress.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
radio-button.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
radio-group.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
radio.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
rate.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
reset.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
row.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
scrollbar.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
select-dropdown.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
select.scss 🐛 Hide scrollbars on multi selects (#2160) 2021-09-03 11:08:50 +02:00
skeleton.scss Add Templates (#2720) 2022-02-28 10:57:44 +01:00
slider.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
spinner.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
step.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
steps.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
submenu.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
switch.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
tab-pane.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
table-column.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
table.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
tabs.scss Update parameter inputs to be multi-line (#2299) 2021-10-27 14:55:37 -05:00
tag.scss Update credentials modal (#2154) 2021-09-11 10:15:36 +02:00
time-picker.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
time-select.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
timeline-item.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
timeline.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
tooltip.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00
transfer.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
tree.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00
upload.scss Implement design system (#2050) 2021-08-29 13:36:17 +02:00