Commit graph

148 commits

Author SHA1 Message Date
Manish Kushare
ba7e38b7d9
[ Enhancement ] : Query panel UI design (#4757)
* added colors variable in color.scss

* made left side bar of query panel width fixed to 249px and main container width to grow accoding to available width of query panel

* made UI updates in query container - left sidebar of query panel

* set query name font weight to 400

change the border color of left sidebar of query panel

added colors in colors.scss

commented unused variable

* UI update for header in the leftsidebar of the query panel

* updated width of the primary default secondary button

* Updated UI for query panel header

* draf : tranfomration UI update

* draft - preview section UI update

* draft : query manager advance options UI update

* draft : UI update for restApi query editor

* update

* femoved disable save button logic

* small updates

removing box shadow for rest api options button

adjusted spacing for data source selectionn div

* reverting changes in _ui/Search component

* bug fixed : Query Panel header spacing and alignment issues

dark theme update

* spacing and dark theme update in query container

* bug fixed : transition issue in tabs

* dark theme updates and bug fixes

* input checkbox update

* added cursor pointer to input checkbox

* updates

* updates

* bug fixed : removed typo error from last commit

* update

* added 3 rows in rest api tab content by default

* update spacing between datasource picker and element to render div

* spacing top for event manager section

* removed inline style from preview component

* data source lister font size update

* removed inline style from editor component and added style in css

* small updates

* applied color theme for dropdown options in the query manager

* added cursor pointer to control section of dropdown

* updated select data source section in query manager

* dynamic form bug fixed

* bug fixed : breadcrum

* bug fixed : toggle in GroupHeaders is not consistent with the dark theme

* bug fixed : clear icon in searchbox in query manager

* bug fixed : color in rest api in request url

* search box query manager final design

* small update

* made suggested changes

* query editor design for stripe query

* made changes in stripe

* updated the files with minor changes

* made minor updates in stripe

* set Get as default method in rest api

* add functionality to update query name from query panel header as well

* change the width of list data queries section

change size of icon to 20px

* updated changes

* created queryManager.scss file

* added default value to input text box in the query panel header

* bug fixed

* fixed minor bugs

* moved custom-toggle css in queryManager.scss

added on focus css for ternary button

* removed unsued lines from queryManager.jsx

* bug fixed: spacing in search box

* bug fixed: spacing in search box

* code enhancement as per changes requested

* fixed : search box component breaking inside DataSourceManager component

* made a function to style select component in query manager

* styles select component in rest api and transformation using common method

* chnaged run query on page load to application load
2022-12-20 18:38:51 +05:30
arpitnath
4c56b08677 passing pages from props to event manager, query manager 2022-12-13 15:00:46 +05:30
arpitnath
670931c713 fixes: app crash on selecting page switch event for query manager, form and settings modal 2022-12-13 14:29:41 +05:30
Arpit
9c1add517f
Update runQueryOnPageLoad-text (#4947) 2022-12-13 12:21:44 +05:30
Midhun Kumar E
138ad797d0
Added cypress test for data source PostgreSQL (#4602)
* Add data-cy

* Add basic spec

* Add basic method to create query

* Add data-cy for query section components

* Add common method for postgreSQL

* Update spec with methods

* Add data-cy for alert-box and query search elements

* Add method for widget integrations and event handler

* Add selector into selectorFile.

* Fix failing cases

* Add labels on Text file

* Fix failing specs due to rerendering

* Remove creds from spec
2022-11-11 11:15:12 +05:30
Arpit
250e58cc38
[Bugfix] Query Manager: Creating a query, the options are set to their previous state used to create the last query from the same datasource/plugin (#4736) 2022-11-08 18:18:28 +05:30
Arpit
62d2480d04
renders plugin icon from manifest file (#4724) 2022-11-07 14:33:39 +05:30
Arpit
25836743a7
[Bugfix] : validating query name on throws error for non-existing queries (#4698)
* fix

* fixed computing queryName
2022-11-03 17:27:34 +05:30
Arpit
476e011063
persist data without saving the query (#4649) 2022-10-31 19:08:26 +05:30
Gandharv
a1fd1fc301
[Feature] Make plugins installable (#3069)
* feat: add user avatar

* update: @nest/platform-express from 8.0.0 to 8.4.4

* add avatar_id in login response

* add user avatar upload in frontend

* align cross divider with layout icons'

* generate nest model - extensions

* Add extensions module

* Add extension to datasouce

* add not implemented check

* create extension

* refactor

* cleanup

* fix tests

* reduce the avatar size on homepage

* poc: run js code from string

* resolve conflicts

* fix conflicts

* add globals

* add new route

* add icon, manifest file upload

* complete user flow

* add flow for data queries

* add dynamic manifest instead of local datasource types

* add version attr

* remove unused code

* add version

* rename extension(s) -> plugins(s)

* add test connection method

* feat: add marketplace listing page

* Add install plugin cmd + missing attrs {name, repo, desc} to plugin

* add missing icon

* - Add npm workspaces for marketplace monorepo
- Added cassandra datasource plugin
- Created upload to s3 script
- Created plugins.json entry file

* install plugin from s3 bucket

* cleanup

* update pkg locks

* fix icon render

* cleanup

* marketplace changes

* ui changes

* operations file load fix + revert vm2

* update module from string to 3.2.1

* load plugins.json from local file instead of remote

* install plugin from local file if not production environment

* add sqlite

* feat: add plivo api plugin

* exp: add heroku 22 stack

* update assets include path

* Revert "exp: add heroku 22 stack"

This reverts commit a8926b36e1.

* add integrations link

* Add casl ability for plugin

* load host from env else fallback to default

* update imports

* remove sqlite

* typo

* add marketplace flag to cli command

* move ts and ncc to devDep

* add hygen templates for marketplace

* cli tree-node path fix

* template indent fix

* TOOLJET_URL -> MARKETPLACE_TOOLJET_URL

* add tests

* refactor: move to plugins.helper for get-service helper utility

* fix; typo

* update package-lock.json

* review changes

* remove a href

* remove bg color + redirect issue due to href

* add test url

* fix crash on search

* remove extra slash

* feat: allow plugin to be installed from github repository

* remove unwanted args from cli command

* add repo attr while save

* feat: add feature toggle for marketplace feature

* fix: make default config as false

* chore: remove hyperlink

* fix: failing build

* chore: update s3 url to point to prod

* fix failing test

* fix test

* fix: test case

* update module from string pkg

* update env

* fix test

* fix test

* add readme file

* Update README.md

Co-authored-by: Akshay Sasidharan <akshaysasidharan93@gmail.com>
2022-10-27 16:59:43 +05:30
Arpit
946be9a340
Feature: Support to run Python code in Transformations (#4532)
* init 🚀

* supports Map or hastables in leftside json inspector

* handles python errors

* transform map to json

* persist transformations with custom hook

* load pyodide from frontend/assets

* asset path

* fixes csp error and adds subpath

* subpath

* subpath fix

* dir name changed

* default value syntax

* typo

* dropdown order
2022-10-27 14:11:26 +05:30
Manish Kushare
caa288ad2c
[ Enhancement] : adding local storage support in query manager panel (#4087)
* added localStorage support for query panel component

* fixed typos

* added queryManagerPreference in localStorage

* adding support for backward compatibility

* removed JSON parse from if statement
2022-09-29 12:52:00 +05:30
Kavin Venkatachalam
10e81bd5a9
[BUG]: Fixed Query Definition Lost (#4122)
* Removed mounting and unmounting of EventManager based on loadingDataSources

* Fixed lost defintion when try to add query and come back again

* Uncommented confirmation dialog on unsaved query

* Updated restapi url text-color to black

* Commented unsaved changes popup
2022-09-28 15:06:13 +05:30
Manish Kushare
2a3db48855
bug fixed : The result of the previous previewed query remains (#4115)
* bug fixed : The result of the previous previewed query remains

* moved the previous added code in setStateFromProps to avoid extra rendering
2022-09-27 13:18:04 +05:30
Kavin Venkatachalam
7f702c1d6b
[Feature]: Added Localisation (#3746)
* Added localisation

* Closed modal after language selection

* updated transaltaion setup

* Updated language tooltip

* Added fallback language support

* Adding english library resource for translation (#3844)

* Adding English dictionary for the widget lists in the inspector

* added leftSideBar object in en.json and implemented it for leftSidebar icon text

* renamed leftSideBar to leftSidebar and added resources for tip in the left side bar

* added english translation resources for leftsidebar debugger

* added english language resources for the global settings

* added english language resources for data sources in left sidebar

* added english language resources for the share button and share modal in the editor

* added english language resources for release button, manageOrgUsers, appVersionManager

* added english language resources for Queries and Please select a widget to inspect in the editor

* added english language resources for data source list , data source manager, and query manager(partially)

* added english language resources for queryManager, transformation, preview

* added english language resources for dark mode toggle in the headers inside homepage

* added fallback message for dark mode toggle

* added resources for language change in the headers inside homepage

* added resources for notification center in the header inside homepage

* added resources for organization and manage users components in header inside homepage

* added resources in manageGroupPermission

* added resources for manageGroupPermissionsResources component

* added resources for manageSSO and generalSettings components

* added resources for google sso

* added resources for github sso

* added resources for environment variables in manageSSO

* added resources for profile and setting page

* added resources for app card and app card menu

* added resources for folder section and app list in homepage

* added resources for header section in the homepage

* added resources for pagination in homepage

* added resources for modals in the homepage

* added resources for blank page

* added resources for login page

* added resources for forgot password page

* added resources for sign up page

* added resources for onBoarding component

* added resources for reset password page

* deleted duplicate key for readDocumentation

* deleted duplicate key for cancel in en.json and added translation for cancel at few places

* removing duplicate copy of save key in en.json

* added translation for CommentActions.jsx components

* deleted duplicate copy of search key in en.json and added resources for create and search queries , select keys

* fix typo errors

* fixed typo errors

* shorten the key for loginAndSignUpAndForgotPassword to loginSignupPage in en.json file and related files

* shorten the key noLoginMethodsEnabledForThisWorkspace to noLoginMethodsEnabled

* shorten the key pleaseCheckYourEmailForConfirmationLink to emailConfirmLink

* shorten the key dontHaveAccountYet to dontHaveAccount

* shorten keys from loginSignupPage key in en.json

* shorten keys of shareModal nested object in en.json

* shorten the key in appVersionManager nested object

* shorten the keys for queryManager nested object in the en.json

* delete duplicate copy of environmentVar and shorten manageEnvironmentVariables,environmentVariables

* shorten keys in the organization nested object

* shorten keys in the homePage nested object in en.json file

* added inspector and eventManager empty object

* added resources to RedirectSSO component

* added resources for OAuth2

* added resources for TemplateCard.jsx

* added resources for TemplateLibraryModal.jsx

* added resources for ConfirmationPage.jsx

* added resources for ConfirmationPage component

* removed translation in App.jsx file

* added resources for Slack.jsx

* added resources for GoogleSheets.jsx

* added resources for CodeBuilder.jsx

* added resources for CommentBody and CommentFooter

* added resources for TestConnection component

* added resources for AllignButton.jsx

* added resources for Openapi and Stripe components

* added resources for ErrorBoundary

* added resources for Viewer.jsx

* Translation for widgets, table

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>

* Commented Language selection

* Fixed typos

* Updated fr.json file

Co-authored-by: Manish Kushare <kushare.manish9@gmail.com>
2022-09-14 13:34:49 +05:30
Gandharv
6686974023
Create query panel component (#3966)
* refactor: create query panel component

* prop typo fix
2022-09-08 18:39:13 +05:30
Manish Kushare
33a7638100
Bug Fixed : Success message not displayed clearly in dark mode in advanced option for queries (#3861)
* Bug Fixed : Success message not displayed clearly in dark mode in advanced option for queries

* removed form-control class
2022-08-25 17:11:11 +05:30
Arpit
6ea6215126
[chore] ESLint fixes (#3749)
* lint fixes for frontend

* resolves warning and run eslint: some dependencies  use another version of ts
2022-08-06 09:34:07 +05:30
Manish Kushare
b096516c62
Bug Fixed : request confirmation before running keeps showing loader, when click cancel (#3641)
* Bug Fixed : request confirmation before running keeps showing loader, when click cancel

* fixed the bugs

* made the suggested changes, removed unused lines
2022-08-03 16:34:37 +05:30
Kiran Ashok
c2278f95ed
[ Feature ]:: runjs included all actions (#3436)
* remaining action types included

* improvements

* fix :: generateFile

* editor state included in previewquery for modal , cleanup , renaming some actions , all actions tested

* including app definition state for modal

* logs cleared
2022-07-08 18:38:55 +05:30
Sherfin Shamsudeen
50cf1f5911
Proper styling for query panel create/save button (#3315) 2022-06-18 00:52:16 +05:30
Kavin Venkatachalam
b570fe2d40
Dropdown button in query manager (#3313) 2022-06-17 17:53:59 +05:30
Kavin Venkatachalam
337e033832
[Feature]: Run query while Creating/Saving (#3131)
* Run query while saving it

* Fixed data update while save & run query

* Fixed loading issue in the query

* Added check to avoid crash during create/run
2022-06-16 18:04:07 +05:30
Kiran Ashok
48dc072f17
Feature :: adding 'add datasource' option on datasource panel (#3191)
* adding datasource button

* lifting stateup :: completed

* naming update

* name change

* checks for udefined

* Revert "checks for udefined"

This reverts commit c542359e0f.

* icon updated

* fontweight removed
2022-06-15 16:16:51 +05:30
Kiran Ashok
8545689a3b
bugfix removing transformation for runjs (#3185) 2022-06-02 14:56:26 +05:30
Muhsin Shah C P
28bac00491
[bugfix] Now the app exit modal will not show if there isn't anything to save (#3167)
* Now, the exit app pop up modal will only show if there are any changes to save

* Resolved a bug

* Refactored the code
2022-06-01 17:44:59 +05:30
Muhsin Shah C P
7c6ccccf08
Disabled the feature (#3177) 2022-05-31 21:52:21 +05:30
Muhsin Shah C P
b4809db0ac
[Feature] Added an option to save edited queries to avoid losing values by state changes 🚀 (#2944)
* Implemented basic edited queries tracking for normal plugins (queries)

* Implemented on custom plugin also

* Resolved a bug

* now, save modal will not popup if querypane moved

* Resolved restapi array values issue

* Removed unwanted lines

* Resolved issues
- losing selected datsource while Query pane being dragged
- Triggering save modal when theme mode changes

* Now, application will be save unsaved new queries

* Resolved some issues
2022-05-24 04:02:59 +05:30
Maurits Lourens
563b18e81c
#2740 - fix refreshing selected datasource component (#2828) 2022-05-12 07:01:20 +05:30
Arpit
e792e074f1
[Improvement] migrates to react-select: selection dropdown component (#2322)
* migrates to react-select: selection dropdown component

* styles fixes

* decomposing @ui/Select component into sub-components

* migrates Editor-Select component

* adds width to oauth selection dropdown

* updates datasource: oauth and authentication dropdowns (source component)

* Update frontend/src/_ui/Select/SelectComponent.jsx

Co-authored-by: Gandharv <gandharvkumargarg@gmail.com>

* resolves currentValue

* fixes scroll issue for dropdown options component

* updates queryManager react-select component

* updates rest api query to react-select

* adds options to render select menuwith portal

* adds: select menu render option for dynamic dropdowns and drodown-component-flip

* fixes: dropdown selection menu for restapi-oauth

* removes unused imports

Co-authored-by: Gandharv <gandharvkumargarg@gmail.com>
2022-04-11 17:27:07 +05:30
Kiran Ashok
fff9d2afe7
fixing bug during panel height change (#2622) 2022-03-31 16:05:12 +05:30
Muhsin Shah C P
a56c272180
Feature: Added a feature to show raw query responses (#2562)
* Implemented json/raw preview modes

* Added dark theme

* Changed some bg colors

* made text copiable

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-03-31 16:00:09 +05:30
FelipeThT
06d22cfe82
update label text to 'select datasource' while creating a new query (#2571) 2022-03-19 07:31:50 +05:30
Kiran Ashok
329e5e29fe
[UI improvement] Datasource selector in query manager updated from dropdown to cards (#2469)
* updating query manager datasource listing ui

* ui updation for datasource in query manager

* including back button after selecting datasource

* handling ui break when more data source is added

* updating key

* removing unused code

* removing unused code

* updating ui for darkmode support + testing clearing of fields during backbutton click

* fixing border

* testing updates for clearing fields for stripe,rest

* updated transformation alert

* indication for selected data source

* updating styles for dark mode

* darkmode bugfix

* updating transformation style to enable popover

* bugfix

* css updates for popover

* style updates

* aligning icon

* updating styles

* cleanup

* state name updated

* removing unwanted things from ui during create query

* lifting state uo :: fixing intermediate state issue while clicking add query during query edit

* update

* fixing typesense icon
2022-03-18 10:27:35 +05:30
Naveen Pandurangi
fe9233adf4
Hide query panel tabs if a data source is not selected. (#2505)
* FIXES #2451

Hide query panel tabs if a data source is not selected.

* FIXES #2428

Increase the width of search field when focused

* Update code
2022-03-15 08:34:32 +05:30
Muhsin Shah C P
54562bfa05
Json preview of query pane is slowing down the app (#2434)
* Working on json preview

* Added new json preview lib

* Changed theme background
2022-03-08 14:57:28 +05:30
Karl Rezansoff
80b6f5170b
Disable preview and create query button when no datasource selected (#2314) 2022-02-22 10:24:03 +05:30
Arpit
c0e90ec729
Fixes icon and text alignment for query-pane datasource selection (#2289)
* fixes icon and text alignment for query-pane datasource selection & adds runjs icon

* fixes horizontal alignment for datasource icons and name
2022-02-19 23:42:50 +05:30
Arpit
eda1b0f431
Fixes querypanel reset when widget is clicked or dragged (#2204) 2022-02-12 21:30:10 +05:30
Gandharv
c6cebde78f
Remove blue border of source dropdown (#2094) 2022-02-03 12:38:23 +05:30
Arpit
3a62ac9820
[improvement] Query panel redesign (#1947)
* query panel headers styles

* create query button style update

* create query button style update

* create query button style update: mixins

* querypanel header nav-links updated

* querypanel header buttons

* restapi: url hinter styles

* fixes querypane header width, undo prev styles applied

* querypanel header icons margin fix

* restapi: header tab

* restapi: params tab

* restapi: body tab

* base url style fixed

* added alert component to @/_ui

* adds margin top to query-panel tabs

* bumped font weight of preview

* on hover query style updated

* selected query style update and along with dark themed

* adds new searchbox component, added search queries

* fixes query panel query lists icons margin

* query selected hover bg

* back icon should not be render if callback is a function

* airtable: queries redesigned

* stripe: queries redesigned

* fixed query-pane header responsiveness

* fixes tab title typo

* undp/redo select datasource only when mode='create'

* removes comments

* refactor restapi url codehinter styles

* fixes white spaces in query pane and query pane header

* minor updates for restapi query options styles

* removes tool-tip for lens svg icon for search: query-pane header

* adds button loading spinner with primary color

* fixes hover bg color for queries

* update: query hover bg color to lighter tint

* update query list icons: trash and play svgs

* adds icons to the selection component

* fixes tabs alignments restapi

* fixes codehonter text margin: restapi url

* fixes advanced-options-container margintop

* new UI query: dynamodb

* new UI query: elasticsearch

* new UI query: firestore

* new UI query: mongodb

* new UI query: mysql

* new UI query: psql

* new UI query: typesenseapi

* new UI query: gsheet

* new UI query: sendgrid

* new UI query: twillio

* new UI query: gcs

* new UI query: minio

* new UI query: aws

* update query bg color and hover bg color

* fixes run query icon for dark theme

* fixes input query title text alignment

* update query header title

* adds search queries placeholder and add icon when search box is displayed

* updated No results query text

* undo/redo rest-api tabs: fixes whote spaces

* undo/redo: rest-api tabs conde hinter placeholder paddinleft

* adding new queries when search box component is mounted:fix

* fixes creating a new query after filtering queries

* fixes dark theme for select search components

* reverts query pane header search box with add icon

* fixes input left margin

* fixes bottom padding rest api tabs

* fixes toggle button:not selected in dark theme

* fixes typos

* fixes preview button spinner size

* undo/redo: query-trash-icon.svg for queries and trash.svg for components

* query icons badge bg update[options]

* icon badge fix

* move static styles to theme.scss

* restapi: url field height increment

* fixes query name when adding a new query with filtered querylist

* fixes alignment issues of the query header icon

* revert back to 32px code hinter height

* adds apdding to code mirror line

* updates to react-select

* remove component unmounts and mounts side effect
2022-02-02 22:29:57 +05:30
Marco
616ee8ed7c
Fix: Make query manager dropdown visible in dark mode (#2008)
* Set up styles for dark mode vs. normal mode

* Fix datasource query dark mode visibility

* Remove unnecessary import
2022-02-01 08:42:57 +05:30
Akshay
7af79c091e
Fix: Namespaced data source connectivity issues (#1914)
* add mysql package dependency

* fix mssql

* fix redis

* make use of backward compatible opensearch package for es

* fix es request
2022-01-27 16:01:39 +05:30
marboleda
f89d30edb5
Allow dropdown option to be selected on Enter key press (Query Manager) (#1899)
* Replace react-select-search component with react-select one

* Remove react-select-search import and commented-out component
2022-01-23 14:45:25 +05:30
Karl Rezansoff
c56fd143d4
added dark theme to querymanager dropdown lists (#1839)
* added dark theme to querymanager dropdown lists

* set Operation dropdown to 100% width to match light mode

* removed filter on icons, removed commented out styling
2022-01-20 10:11:01 +05:30
Karl Rezansoff
fc5ea5f7a3
Querymanager add logo (#1818)
* added logos to querymanager

* fixed to pass eslint check

* fixed positioning of icons
2022-01-14 10:04:11 +05:30
Karl Rezansoff
1ff19c037a
added logos to querymanager (#1744)
* added logos to querymanager

* fixed to pass eslint check
2022-01-13 16:55:37 +05:30
Muhsin Shah C P
f4a158ca18
now toggle only works if we click on the input (#1774) 2022-01-12 13:56:48 +05:30
Akshay
823833b12e
Feature: Versioning data sources & queries (#1620)
* add migrations for versioning datasources and dataqueries

* eslint migrations folder

* update ormconfig to use app context in migrations

* make app to make use versioned data sources and queries in editor

* app import should honor data source and query versioning

* register ts-node path on running migrations

* load data queries when finding versions

* update e2e tests

* handle for invalid oauth2 datasources

* update e2e tests

* introduce db migrations access lock to handle concurrent backfill

* scope migrations by missing version id

* fix import export without data source/query versions

* fix import

* fix spec

* handle invalid data on migration

* fix import

* remove console logs

* handle new app imports

* fix version check

* fix async creation

* explicitly add timestamps on version import
2022-01-04 13:34:12 +05:30
Arpit
62e4d7363f
Fixes UI retaining the code from the prev query transformation (#1703) 2022-01-04 09:51:59 +05:30