n8n/packages/design-system/theme/src
Mutasem Aldmour ad73f8995c
feat: add resource locator parameter (#3932)
*  Added resource locator interfaces to `n8n-workflow` package

*  Updating Trello node to use resource locator property type

*  Added resource locator prop to Delete Board` Trello operation

* ✔️ Fiixing linting errors in Trello node

*  Added list mode to Trello test node

*  Updating resource locator modes interface

*  Updating Trello test node validation messages and placeholders

* N8N-4175 resource locator component (#3812)

*  Implemented initial version of resource locator component

*  Implemented front-end validation for resource locator component. Improved responsiveness. Minor refactoring.

*  Setting resource locator default state to list. Updating hover states and expand icon.

* 🔨 Moving resource locator component to `ParameterInput` from `ParameterInputFull

* 🔨 Moving `ResourceLocator` to a separate Vue component

* 🔨 Implementing expression and drag'n'drop support in ResourceLocator` component

* 🔨 Cleaning up `ResourceLocator` component code

*  Implemented resource locator selected mode persistance

* 💄 Minor refactoring and fixes in `ResourceLocator`

* 🔨 Updating `ResourceLocator` front-end validation logic

*  Saving resource locator mode in node parameters

* 💄 Updating the `ResourceLocator` component based on the design review

* 🐛 Fixing resource locator mode parameters handling when loading node parameter values on front-end

* 💄 Removing leftover unused CSS

*  Updating interfaces to support resource locator value types

*  Updating `ResourceLocator` component to work with object parameter values

* 🔨 Cleaning up `ResourceLocator` and related components code

*  Preventing `DraggableTarget` to be sticky if disabled

* 🐛 Fixing a bug with resource locator value parameter

* 👌 Adding new type alias for all possible node parameter value types

* 👌 Updating `ResourceLocator` and related components based on PR review feedback

*  Adding disabled mode to `ResourceLocator` component, fixing expression handling, minor refactoring.

* 💄 Updating disabled state styling in `ResourceLocator` component

*  Setting correct default value for test node and removing unnecessary logic

* 💄 Added regex URL validation to Trello test node

*  Updating Trello test node with another (list mode only) test case

* ✔️ Fixing linting error in Trello node

* 🔨 Removing hardcoded custom modes and modes order

* Add value extractor to routing node (#3777)

*  add value extractor to routing node

*  add value extractor to property modes

* 🔊 improve error logging for value extractor

* 🔥 remove old extractValue methods from RoutingNode

*  extractValue inside getNodeParameter

* 🔥 remove extract value test from RoutingNode

*  make value extraction optional

* 🥅 move extract value so proper error messages are sent

* 🚨 readd accidentally removed eslint-disable

*  add resource locator support extractValue

* 🚨 remove unused import

* 🐛 fix getting value of resource locator

* 💄 Updating resource locator component styling and handling reset value action

*  create v2 of Trello node for resource locator

* 💄 Updating ResourceLocator droppable & activeDrop classes and removing input padding-right

*  Updating Trello test node with single-mode test case

*  Updating field names in Trello node to avoid name clash

* 💄 Updating test Trello node mode order and board:update parameter name

* 💄 Updating test node parameter names and display options

* List mode search endpoint (#3936)

* 🚧 super basic version of the search endpoint

This version is built using a hacked up version of the Google Drive
node. I need to properly create a v2 for it but it's does work.

* 🚧 fixed up type errors and return urls

*  add v3 of Google Drive node with RLC

*  add RLC to Google Drive Shared Drive operations

* ♻️ address some small changes requested in review

* 🐛 move list search out of /nodes/ and add check for required param

*  google drive folder search

*  google drive search sort by name

*  add searchable flag for RLC

* ✏️ fix google drive wording for v3

* Trello and Airtable search backend (#3974)

*  add search to Trello boards

*  add RLC to Trello cards

* ♻️ use new versioning system for Trello v2

* 🐛 move list search out of /nodes/ and add check for required param

*  re-add trello search methods

* 🥅 throw error if RLC search isn't sent a method name

This will likely be removed when the declarative style of search has
been added.

*  add requires filter field to RLC search

*  add searchable flag to Trello searches

*  add RLC for cardId and boardId on all operations

*  add ID and URL RLC to Airtable

* N8 n 4179 resource locator list mode (#3933)

*  Implemented initial version of list mode dropdown

*  Handling mode switching and expression support in list mode

* 🔨 Removing `sortedModes` references

*  Fixing list mode UI after latest mege

* 💄 Updating padding-right for input fields with suffix slots

*  Minor fixes to validation, mode switching logic and styling

* update error

* 2 or more regex

* update regex to be more strict

* remove expr colors

* update hint

* 🚧 super basic version of the search endpoint

This version is built using a hacked up version of the Google Drive
node. I need to properly create a v2 for it but it's does work.

* 🚧 fixed up type errors and return urls

* begin list impl

*  add v3 of Google Drive node with RLC

* fix ts issue

* introduce dropdown

* add more behavior

* update design

* show search

* add filtering

* push up selected

* add keyboard nav

* add loading

* add caching

* remove console

* fix build issues

* add debounce

* fix click

* keep event on focus

* fix input size bug

* add resource locator type

* update type

* update interface

* update resource locator types

*  add search to Trello boards

*  add RLC to Google Drive Shared Drive operations

* update

* update name

* add package

* use stringify pckg

* handle long vals

* fix bug in url id modes

* remove console log

* add lazy loading

* add lazy loading on filtering

* clean up

* make search clearable

* add error state

*  add RLC to Trello cards

* ♻️ address some small changes requested in review

* ♻️ use new versioning system for Trello v2

* refactor a bit

* fix how loading happens

* clear after blur

* update api

* comment out test code

* update api

* relaod in case of error

* update endpoint

* 🐛 move list search out of /nodes/ and add check for required param

* 🐛 move list search out of /nodes/ and add check for required param

* update req handling

* update endpoint

*  re-add trello search methods

* 🥅 throw error if RLC search isn't sent a method name

This will likely be removed when the declarative style of search has
been added.

* get api to work

* update scroll handling

*  google drive folder search

*  add requires filter field to RLC search

*  google drive search sort by name

* remove console

*  add searchable flag for RLC

*  add searchable flag to Trello searches

* update searchable

*  add RLC for cardId and boardId on all operations

*  add ID and URL RLC to Airtable

* fix up search

* remove extra padding

* add link button

* update popper pos

* format

* fix formating

* update mode change

* add name urls

* update regex and errors

* upate error

* update errors

* update airtable regex

* update trello regex rules

* udpate param name

* update

* update param

* update param

* update drive node

* update params

* add keyboard nav

* fix bug

* update airtable default mode

* fix default value issue

* hide long selected value

* update duplicate reqs

* update node

* clean up impl

* dedupe resources

* fix up nv

* resort params

* update icon

* set placeholders

* default to id mode

* add telemetry

* add refresh opt

* clean up tmp val

* revert test change

* make placeholder optional

* update validation

* remove description as param hint

* support more general values

* fix links on long names

* update resource item styles

* update pos

* update icon color

* update link alt

* check if required

* move validation to workflow

* update naming

* only show warning at param level

* show right border on focus

* fix hover on all item

* fix long  names bug

* fix expr bug

* add expr

* update legacy mode

* fix up impl

* clean up node types

* clean up types

* remove unnessary type

* clean up types

* clean up types

* clean up types

* clea n up localizaiton

* remove unused key

* clean up helpers

* clean up paraminput

* clean up paraminputfull

* refactor into one loop

* update component

* update class names

* update prop types

* update name cases

* update casing

* clean up classes

* clean up resource locator

* update drop handling

* update mode

* add url for link mode

* clear value by default

* add placeholder

* remove legacy hint

* handle expr in legacy

* fix typos

* revert padding change

* fix up spacing

* update to link component

* support urls for id

* fix replacement

* build

Co-authored-by: Milorad Filipovic <milorad@n8n.io>
Co-authored-by: Valya Bullions <valya@n8n.io>

* refactor: Resource locator review changes (#4109)

*  Implemented initial version of list mode dropdown

*  Handling mode switching and expression support in list mode

* 🔨 Removing `sortedModes` references

*  Fixing list mode UI after latest mege

* 💄 Updating padding-right for input fields with suffix slots

*  Minor fixes to validation, mode switching logic and styling

* update error

* 2 or more regex

* update regex to be more strict

* remove expr colors

* update hint

* 🚧 super basic version of the search endpoint

This version is built using a hacked up version of the Google Drive
node. I need to properly create a v2 for it but it's does work.

* 🚧 fixed up type errors and return urls

* begin list impl

*  add v3 of Google Drive node with RLC

* fix ts issue

* introduce dropdown

* add more behavior

* update design

* show search

* add filtering

* push up selected

* add keyboard nav

* add loading

* add caching

* remove console

* fix build issues

* add debounce

* fix click

* keep event on focus

* fix input size bug

* add resource locator type

* update type

* update interface

* update resource locator types

*  add search to Trello boards

*  add RLC to Google Drive Shared Drive operations

* update

* update name

* add package

* use stringify pckg

* handle long vals

* fix bug in url id modes

* remove console log

* add lazy loading

* add lazy loading on filtering

* clean up

* make search clearable

* add error state

*  add RLC to Trello cards

* ♻️ address some small changes requested in review

* ♻️ use new versioning system for Trello v2

* refactor a bit

* fix how loading happens

* clear after blur

* update api

* comment out test code

* update api

* relaod in case of error

* update endpoint

* 🐛 move list search out of /nodes/ and add check for required param

* 🐛 move list search out of /nodes/ and add check for required param

* update req handling

* update endpoint

*  re-add trello search methods

* 🥅 throw error if RLC search isn't sent a method name

This will likely be removed when the declarative style of search has
been added.

* get api to work

* update scroll handling

*  google drive folder search

*  add requires filter field to RLC search

*  google drive search sort by name

* remove console

*  add searchable flag for RLC

*  add searchable flag to Trello searches

* update searchable

*  add RLC for cardId and boardId on all operations

*  add ID and URL RLC to Airtable

* fix up search

* remove extra padding

* add link button

* update popper pos

* format

* fix formating

* update mode change

* add name urls

* update regex and errors

* upate error

* update errors

* update airtable regex

* update trello regex rules

* udpate param name

* update

* update param

* update param

* update drive node

* update params

* add keyboard nav

* fix bug

* update airtable default mode

* fix default value issue

* hide long selected value

* update duplicate reqs

* update node

* clean up impl

* dedupe resources

* fix up nv

* resort params

* update icon

* set placeholders

* default to id mode

* add telemetry

* add refresh opt

* clean up tmp val

* revert test change

* make placeholder optional

* update validation

* remove description as param hint

* support more general values

* fix links on long names

* update resource item styles

* update pos

* update icon color

* update link alt

* check if required

* move validation to workflow

* update naming

* only show warning at param level

* show right border on focus

* fix hover on all item

* fix long  names bug

* ♻️ refactor extractValue to allow multiple props with same name

* ♻️ use correct import for displayParameterPath

* fix expr bug

* add expr

* update legacy mode

* fix up impl

* clean up node types

* clean up types

* ♻️ remove new version of google drive node

* ♻️ removed versioned Trello node for RLC

* remove unnessary type

* ♻️ remove versioned Airtable not for RLC

* clean up types

* clean up types

* clean up types

* clea n up localizaiton

* remove unused key

* clean up helpers

* clean up paraminput

* clean up paraminputfull

* refactor into one loop

* update component

* update class names

* update prop types

* update name cases

* update casing

* clean up classes

* 💬 updated RLC URL regex error wording

* clean up resource locator

* update drop handling

* update mode

* 💬 reword value extractor errors

* 🚨 remove unneeded eslint ignores for RLC modes

* 💬 update Trello 400 error message

* 🚨 re-add removed types in editor-ui

Also ts-ignore something that was clean up in another commit. I've added
a comment to fix after someone else can look at it.

* 💬 remove hints from Google Drive RLCs

* 🥅 rethrow correct errors in Trello node

*  add url for id mode on Google Drive

* 🔥 remove unused Google Drive file

* 🔊 change console.error to use logger instead

* 🔀 fix bad merges

* ♻️ small changes from review

* ♻️ remove ts-ignore

Co-authored-by: Milorad Filipovic <milorad@n8n.io>
Co-authored-by: Mutasem <mutdmour@gmail.com>

* fix build

* update tests

* fix bug with credential card

* update popover component

* fix expressions url

* fix type issue

* format

* update alt

* fix lint issues

* fix eslint issues

Co-authored-by: Milorad Filipovic <milorad@n8n.io>
Co-authored-by: Milorad FIlipović <miloradfilipovic19@gmail.com>
Co-authored-by: Valya <68596159+valya@users.noreply.github.com>
Co-authored-by: Valya Bullions <valya@n8n.io>
2022-09-21 15:44:45 +02:00
..
common feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +02:00
date-picker refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
fonts Implement design system (#2050) 2021-08-29 13:36:17 +02:00
mixins refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
utilities feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +02:00
_tokens.dark.scss refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
_tokens.scss feat(editor): mapping expressions from input table (#3864) 2022-08-24 14:47:42 +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 refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +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
calendar.scss refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +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 feat(editor): Add data pinning functionality (#3511) 2022-07-20 17:50:39 +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(editor): Add data pinning functionality (#3511) 2022-07-20 17:50:39 +02: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 refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
index.scss feat(editor): Add data pinning functionality (#3511) 2022-07-20 17:50:39 +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 feat: add resource locator parameter (#3932) 2022-09-21 15:44:45 +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 refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
message-box.scss feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +02: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(editor): Add drag and drop data mapping (#3708) 2022-07-20 13:32:51 +02: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 feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +02:00
select.scss feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +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 refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
tabs.scss refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02: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 feat(editor): Add data pinning functionality (#3511) 2022-07-20 17:50:39 +02:00
tree.scss refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00
upload.scss refactor(editor): Move all colors to css variables (#3723) 2022-07-26 12:45:55 +02:00