Commit graph

61 commits

Author SHA1 Message Date
Arpit
426f3f0f83
fixes trailing white space in widget data field breaks the output (#4620) 2022-10-27 15:51:26 +05:30
Arpit
e210b8572f
fixes: toggle element not updating afte the first udpate of the current state (#4622) 2022-10-27 15:34:01 +05:30
Sherfin Shamsudeen
45713b7cdd
Codehinter optimisations (#4537)
Co-authored-by: Navaneeth Pk <navaneeth@tooljet.io>
2022-10-20 17:17:26 +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
Manish Kushare
4cc239661e
Bug fixed : dark theme issues (#4009)
* bug fixed : file picker is not consistent with the dark theme

* bug fixed : Map widget is not consistent with the dark theme

* bug fixed : Steps widget is not consistent with the dark theme

* bug fixed : Multi select widget label is not consistent with the dark theme

* bug fixed : search bar in widget manager and label params in Code Hinter is not consistent with the dark theme

* removed unwanted comma in the chart inspector

* bug fix : app dropdown inside go to app in event manager is not consistent with the dark theme

* bug fixed : search select dropdown is not consistent with the dark theme in table inspector

* bug fixed : Organization and Profile avatar in HomePage is not consistent with the dark theme

* bug fixed : search box in the homepage is not consistent with the dark theme

* bug fixed : select dropdown input placeholder is not consistent with the dark theme

* bug fixed :Text area in the Modal to  Share the app link is not consistent with the dark theme

* bug fixed : p tag in pagination in the homepage is not consistent with the dark theme

* replaced undefined to false as default value of darkMode if not defined

* bug fixed : multiselect input placeholder is not consistent with the dark theme

* removed duplicate code from custom.scss and changed rgb to hex in theme.scss
2022-09-12 14:17:04 +05:30
Navaneeth Pk
98bb7519dd
Reverse proxy using base tag (#3889)
* reverse proxy

* reverse proxy

* Fix for yjs

* Fix for ws

* Fixes org switching

* Fixes org creation

* Fixes login logo

* Fixes download icon

* Construct use invite URL from base URI

* Fixes apiUrl if sub path is set

* Remove commented code

* Fix profile link

* invitation url changes

* Fixes dev env

* Use url-join lib to connect urls for goto app and invitation link

* Use useHistory instead of helper to get history for template modal

* Review changes

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
Co-authored-by: gsmithun4 <gsmithun4@gmail.com>
2022-08-27 21:58:24 +05:30
Arpit
793510a755
adds actions to suggestive hints for runjs (#3782) 2022-08-16 16:07:06 +05:30
Kavin Venkatachalam
968e9ad4d4
[Feature]: CodeHinter preview for listItem, cellValue (#3373)
* CodeHinter preview for listItem, cellValue

* Updated variable names

* Added preview data for listView if data is not an array

* Fixed listItem preview issue

* Updated preview logic for listview

* Fixed listItem preview issue

* Reverted Listview changes

* Added a check for preview context in the viewer

* Resolved conflicts
2022-08-03 19:20:50 +05:30
Midhun Kumar E
a68c727eae
Add cypress test for date picker widget (#3592)
* Add and modify data-cy for widgets

* Add selectors

* Add constant texts and methods

* Add common widget operations

* Add momet to Cypress

* Add common utils and optimized commands

* Add methods specific for Datepicker

* Add spec datePickerHappyPath

* Minor selector modification

* Add verification of value from inspector
2022-07-20 12:41:50 +05:30
Arpit
b971b91a60
[improvement] Improved suggestive hints for the app builder (#3558)
* Suggestive hints resolving current depth and next depth

* fixes eslint warnings

* adds: for queries,  Function call, an expression containing the function name run followed by the function call operator, ( )

* stops resolves function call inside codehinter fields except customJs and transformations

* stops resolves function call inside codehinter fields except customJs and transformations
2022-07-11 16:00:18 +05:30
Kavin Venkatachalam
4d1850fe47
[Feature]: Added box-shadow property (#3427)
* Added box-shadow property

* Updated slider default value

* Support negative values in box-shadow

* Removed data-cy attribute

* Moved box-shadow property to general styles

* Added margin bottom to the styles panel
2022-07-11 15:19:28 +05:30
Kavin Venkatachalam
126bdcd7af
[Feature]: Component Specific Actions (#3448)
* Build architecture for component specific actions

* Resolve references component action variables

* Add architecture to read component action params from widgetConfig.js

* Add Set table page to component specific actions

* List only components with actions for control component action

* Make component specific actions async

* fx button styles

* fx in action types

* Improve zIndex for component action param select

* fix for select component width

* adding margin to remove height toggle during fx

* Updated SelectSearch with Select

* Added component specific action to Text widget

* Fixed bug on showing the component with actions

* fix :: fx should align neatly inside the empty space designated for it,If type is not specified, codehinter full width

* removing bug :: popover closes on select

* height toggle bug

* Ensure that action is cleared when a different component is selected

* bugfix :: select width issue

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
Co-authored-by: stepinfwd <stepinfwd@gmail.com>
2022-07-01 16:54:34 +05:30
Kavin Venkatachalam
5280e9d6e7
Move & Resize portal (#3224) 2022-06-08 12:18:47 +05:30
Kavin Venkatachalam
e6d43d21eb
[Feature]: Inline style support for custom component (#3076)
* Inline style support for custom component

* Added skipResolve check
2022-06-03 17:47:43 +05:30
Kavin Venkatachalam
1552f834d6
[Feature]: Copy text from CodeHinter preview (#3155)
* Copy text from CodeHinter preview

* Updated copy text logic
2022-06-02 12:57:20 +05:30
Sherfin Shamsudeen
9ffd885222 Merge branch 'main' into develop 2022-05-20 14:05:45 +05:30
Sherfin Shamsudeen
dd03b91d23
Add try catch for codehinter preview generation (#3099) 2022-05-20 14:03:43 +05:30
Ajith KV
2db14dd9f5
Cypress test for button widget (#2989)
* Added cypress test for button widget

* Added custom commands

* Updated common selectors

* data-cy attributes for the elements

* Updated the login end point

* Updated new login end point

* Added data-cy attribute for autosave indicator

* Updated login end point

* Updated test for auto save indicator

* Updated custom commands for skipping instruction modal
2022-05-16 15:39:10 +05:30
Kavin Venkatachalam
7c30a830db
[Feature]: Custom Component Widget (#2960)
* Created custom component widget

* Updated the custom component key

* Added doc for custom component

* Update iframe.html

* Installed HTML parse in dependencies

* Updated script source

* Added scripts to CSP

* Added Skypack to CSP

* Fixed Run Query issue in Viewer
2022-05-10 15:09:09 +05:30
Kiran Ashok
f838d4560b
Alignment fix for codehinter tooltip (#2768) 2022-04-07 17:03:55 +05:30
Kiran Ashok
1d67752aca
Bugfix :: Fixing alignment of FX button (#2438)
* fx alignment debugging

* updates

* fixing positioning

* fixing positioning

* resolving undefined issue

* fixing positioning in style tab pane

* code cleanup

* pr changes :: aligning fx with label

* adjusting margin
2022-03-31 15:14:45 +05:30
Muhsin Shah C P
d10625ca4c
Changed rest api query builder design (#2472)
* Changing rest api query builder design
- Changed vertical tabs to horizontal
- Removed key,value group header
- Changed icons
etc

* Removed unwanted spaces & fixed dark mode

* Added delete option to the 0th key value pair also
- Changed url field's width

* Resolved a bug

* Fixed size & alignment issues
- Changed some bootstrap row classes to flex layouts

* cleaning code

* Added some styles

* Fixed minor ui issues
2022-03-17 12:50:55 +05:30
Arpit
4ff45bf024
Fix for extra whitespaces resolving to strings (#2408) 2022-03-04 11:14:34 +05:30
Arpit
dd79f24715
[Bugfix] Typing "this" or "window" or "app" on any code box will crash the app completely (#1998)
* fixes: Typing  ,  or  on any code box will crash the app completely

* handle circular dependecies in the preview component and checks to resolved reserved keywords list

* remove comments

* exp: resolves reserved keywords to null if declared inside obj

* Remove unnecessary import for react-hot-toast

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-02-15 12:19:22 +05:30
Arpit
f1b5fc73ed
Fix/codehinter fields scroll (#2211)
* fixes only for restapi

* Fix

Co-authored-by: gsmithun4 <gsmithun4@gmail.com>
2022-02-14 19:03:47 +05:30
Navaneeth Pk
277195d8d3
Fixes inconsistent margin of Fx fields (#2194)
Co-authored-by: gandharv <gandharvkumargarg@gmail.com>
2022-02-08 08:43:33 +05:30
Arpit
8c990df18d
[Bugfix] style fixes querypanel (#2163)
* fixes default value for restapi

* fixes default value for restapi

* restapi-url field width 100%

* removes extra padding from codehinter input field

* fixes querypanel code hinter margins

* fixes overlap fields firestore
2022-02-07 18:13:28 +05:30
Navaneeth Pk
7b20e9a27c
Minor style corrections for Fx inputs (#2152)
* Fixes fx

* fix: jump effect while fx switch

* Revert "fix: jump effect while fx switch"

This reverts commit 75471678ce.

Co-authored-by: gandharv <gandharvkumargarg@gmail.com>
2022-02-07 16:08:42 +05:30
Kiran Ashok
f5012352e4
Fixes UI issues part of code edit (fx) feature inclusion & number type addition (#2122)
* alignment fixed for fx

* fixing text colour in dark mode fx

* formating all boolean values

* including number type

* updating functinal logic for number type

* style updated

* style updated

* fixing table text colour not showing bug

* fixing darkmode bg colour

* Flipping transition animation , without delay fix

* bugfix:: fixing styles margin updated

* fixing margin

* fixing padding for new number input

* Revert "fixing margin"

This reverts commit b74e524443.

* Set bottom margin for hinter column to 16px

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-02-07 09:13:12 +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
Sherfin Shamsudeen
36150dc8d5
Fx button for code hinter fields that will flip them to corresponding UI components (#2059)
* Allow flipping non-code fields to code fields

* Revert "Allow flipping non-code fields to code fields"

This reverts commit 190e686994.

* Accept type prop to CodeHinter

* Allow CodeHinter to display UI elements instead of codebox

* Use style FxButton as flipper for code hinter

* Do not show Fx button on codehinter that allows only codebox

* Implement Select and Toggle flippable fields for code hinter

* Apply proper padding for Fx button on codehinter and its toggle component

* Make component properties remember their Fx status

* Avoid generating code when Fx is activated

* Add Fx to color field

* Add Fx to align property type

* Support json type for codehinter and remove unused Text type

* Extend codehinter width to 100%

* Fix bug that caused serverside pagination property to not work

* Remove unnecessary comments
2022-02-01 19:46:21 +05:30
Arpit
27c5c925eb
fixes line-height overlap : portal codehinter (#1719) 2022-01-04 09:26:44 +05:30
Arpit
e95ee37ade
fixes codehinter border in lightmode (#1648) 2021-12-28 12:58:05 +05:30
Arpit
b4f7334b1f
Bugfix: Scrolling is broken for code editor on postgresql query manager (#1583)
* fixes: Scrolling is broken for code editor on postgresql query manager

* resolves comments
2021-12-25 08:51:19 +05:30
Arpit
847fe94850
[Chore] Popup Code Hinter component style fixes (#1561)
* popup icon alignment:fix

* preview bg code block in popup hinter

* portal modal style fixes

* theme classes for preview error

* style fixes

* style fixes-darkmode height

* added color var and theme border mixin

* not related
2021-12-15 09:53:17 +05:30
Arpit
b9754c4b6b
[Feature] popup modal for code hinter (#1465)
* portal for code hinter popup

* codehinter portal styles

* portal editor height

* update icons

* hinter changes

* refactoring to a separate dir

* code hinter - portal

* component details added in the portal header

* portal header: source name fixed

* portal header: inlcludes field name in the header

* display field names for rest api

* display field names for transformation

* handle for empty component names

* portal preview code bg

* foreUpdate

* foreUpdate

* refactored and using same codemirror component to render portal's editor

* clone codemirror to two different component

* fixed - need click to render the field data

* force update

* table component cell types: included

* chart component types: included

* alignment of the preview area

* btn color adapts to theme-fix

* remove console.logs

* disable portal editor for event manager

* scss unsued ruleset removed

* name fixes and remove unsued var

* .

* null check

* removed hardcode componentName

* app z-indexes: added z-index for suggestion-hints

* hook exhaustive-deps

* portal custom hook

* updated function name

* icon position fix

* hinter fails to open in certail scenarios: fixed
2021-12-10 08:39:23 +05:30
Arpit
a203253131
Feature: adds code preview for codeboxes (#1011)
* preview codeHinter default=true

* adding preview code for codeHinter for table widgets

* previw for codeHinter in eventManager and RestAPI headers tab fixed

* added classes to header tabs

* fixed preview for transformations

* widgets preview for title

* preview for advance tab QueryManager

* preview box for datasource queryeditor

* sql code hinter UI spaces fixed
2021-11-15 11:48:09 +05:30
Arpit
26c9cc655c
Fix linting errors across the app (#785)
* eslint-setup: rules for frontend and server

* setup pre-commit:hook

* frontend:eslint fixes

* frontend eslint errors and warning fixed

* eslint:fix for ./server

* fix server/test: expectatin string lint/error

* pre-commit:updated

* removed unwanted install cmd from docker file

* recommended settings and extension for vscode

* husky prepare script added

* updated extension recommendations

* added prettier as recommended extension

* added pre-commit to package.json

* remove .prettierrc file

* resolve changes

* resolve changes
2021-09-21 19:18:28 +05:30
Gandharv
300b054204
Add smooth scroll for suggestion box (#767)
* add smooth scroll for suggestion box

* add empty check for object
2021-09-17 19:32:50 +05:30
Gandharv
1587321f4a
Feature: show errors in codehinter previews (#765)
* add error to suggestion box in codehinter

* rename variable to withError
2021-09-16 17:31:22 +05:30
Gandharv
5bb0594973
Enable suggestion box for codehinter (#737)
* enable suggestion box for codehinter

* add heading as type of the preview

* add preview only on focus

* remove box shadow

* add background to widget inspector documentation footer link

* doc footer updats

* add condition where boolean value was not getting printed

* use index as key
2021-09-15 21:10:59 +05:30
Gandharv
1bfc6602fc textfield: firefox scrollbar issue fix (#650)
* textfield: firefox scrollbar issue fix

* cross-button: in widget inspector the cross was misaligned

* replace overflow scroll with auto
2021-08-31 19:40:11 +05:30
Gandharv
365e9e3cb3
Redesigned Rest api query builder 🎉 (#612)
* feat: add rest api new design

* fix page break on create/save query

* remove console.log

* align the i/p fields

* rename files

* remove border from i/p

* remove hover styles

* fix: filter empty headers, url_params, body

* fix when editmode headers empty

* fix the options on preview getting null

* fix navlink color on dark mode

* add color for non active tab in dark mode
2021-08-30 16:55:27 +05:30
navaneeth
f3e08a2d0f Set scrollable height for codehinter 2021-08-21 10:12:04 +05:30
navaneeth
636bf0bc4b Codehinter enhancements 2021-08-21 09:39:04 +05:30
Navaneeth Pk
23df1b981f
UI fixes for query editor (#375) 2021-07-03 22:37:50 +05:30
Navaneeth Pk
150961b591
Feature/dark mode (#366)
* Dark mode part 1

* Dark mode part 2

* Dark mode part 3

* Dark mode part 4

* Dark mode part 5

* Dark mode part 6

* Dark mode part 7

* Dark mode part 7

* Dark mode part 8

* set light mode as default

* Dark mode part 9

* Dark mode part 10

* Dark mode part 11
2021-07-03 19:47:47 +05:30
Navaneeth Pk
cf2673d237
Feature: previews for CodeHinter fields (#334)
* Feature: previews for codehinter fields

* css fix
2021-06-26 22:53:00 +05:30
Navaneeth Pk
dcc91501c7
Fix for codehinter not suggesting new widgets (#330) 2021-06-26 13:51:52 +05:30
navaneeth
dd3545a6cf Feature: Option to enable codehinter suggestions withiut dyn vars 2021-06-03 11:48:55 +05:30