Commit graph

117 commits

Author SHA1 Message Date
Kiran Ashok
41bce67b1d
hotfix : Console throwing error / warnings related to svgs (#8895)
* fix : fix fill rule clip rule etc to camelcase

* fix : svg width and height made to 100% instead of auto

* fix :: few more svg height and width change in editor

* remove logs
2024-02-22 16:52:54 +05:30
Kiran Ashok
653f73a02f
[Hotfix]: Clear interval on switching to dashboard (#7481)
* fix :: for clearing intervals when navigating out of editor

* fix :: not able to copy value from inspector

* icom change

* fix :: reload only when coming from app and not whne navbigating from other dashboard routes

* fix :: review changes , reload when routing from viewer , ui fixes on inspector actions

* review changes :: refresh  only if coming from editor

* cleanup

* removed unwanted code

* fix :: icon color dark mode copy inspector

* version bump
2023-09-22 17:38:32 +05:30
Kiran Ashok
e5d75bd4cf
Feat :: Editor UI revamp (#7275)
* temp commit ::  editor redesign

* fix :: components panel ui

* style updates

* fix :: arrangement widget list

* fix :: light mode widget list

* style fixes query manager

* updates

* updates heaer styles

* global settings fix

* left sidebar states and icon change

* cleanup

* minor fixes :: review

* fix opacity mode toggle

* detailing in hover states , bugfixes

* fix :: coloring whole app , debugger ui

* cleanup

* fix :: revert some changes , fix statistics widget

* feat :: navbar with new layout

* fix :: lint warnings

* cleanup

* cleanup

* minor fixes

* fix :: reusing serchbox

* removed unwanted prop

* Revert "cleanup"

This reverts commit b18abe19fb.

* fix :: icons sidebar

* fix :: padding searchbar

* style fix

* radix :: dark theme for portals

* fix :: icon styles

* fix :: all codehinter styles

* update :: base bg color app

* fix :: viewer color

* minor fixes :: icon left sidebar

* typo

* fix :: styling save message header

* icon :: fix for layout and inspector queries

* fix :: canvas and editor bg

* fix :: release btn style

* fix :: navbar border

* undo redo tooltip

* fix :: page input

* remove released btn icon

* fix :: for icon not loading proper in inspector

* fix :: dark mode toggle icon size

* fix :: share  app ui

* fix :: style fixes , inspector runpy icon

* fix :: ui runpy codehinter

* fix :: inputs in gds connection

* cleanup

* fix :: copilot codehinter ui

* fix :: share modal button

* fix :: canvas bg text

* style fix debugger

* fix :: whole dahsboard layout and border for all codehinters

* fix :: icon fills

* fix :: icon fill color sidebar

* darkmode fill color

* minor style fix

* Widget inspector redesign (#7355)

* Setup Storybook

* Update storybook config

* Add tab and toggle group component

* Created list component

* Properties tab

* update codehinter dropdown components

* Refactor styling

* Inspector header changes

* Fix es lint issue

* Fix

* feat :: styling color picker styles panel

* Fix color picker alignment

* feat :: remove alpha

* Fix UI bugs

* fix :: color picker

* Ui fix

* Backward compatible pagination changes

* fix

* Feedback changes

* UI feedback

* Check fix

* Fix

* fix :: canvas bg popover

* Styles fix

* Fix conflct issues

* minor style fix style tab

* Fix

* review comments fix :: hovering in color picker

* Code review and design feedback

* UI feedback

* Fix UI styles

* Fix pagination issue

* fix :: dark mode issues in select , number input

* fix :: remove extra boreder

* fix :: table column popover ui and component popover inspector

* fix :: datepickre input table column

* fix :: colopicker in table column inspector

* fix :: link column type ui in table

* fix :: column delete ui and delete not triggering

* Fix list item not dragging

* fix :: closing of popover on link column select

* style fix table popover

* Pass dark mode to Event manager button

* fix :: ux event manager

* cleanup

* cleanup

* fix :: delete page modal ui

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>

* style fixes

---------

Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
2023-09-04 13:30:39 +05:30
Manish Kushare
8a98bea928
Table redsign (#7178)
* set the default width to approx 727 px and height to 452px of table component

* added padding 8px to the wrapper element inside table component

* arranged the header layout according to design

gave style to table-title

* modified global search in the table header

* setting the layout of table footer

* updated pagination

* fixed the indentation

* inital commit

* setting background color of table

* updated text color of footer

* added table-component class to table component wrapper element

* updated background color of table footer

* added svg for eye1, plus and filedownload in assets

* design footer parts

* add new row header typography updation

* updted style of thead of add new row popover

* added cheveron left and right icons and updated pagination icons for jump to first and last page

* removed cheveron svg added in the last commit

created react component to return cheveron double svg and implemented them in table pagination

* updated pixels of pagination container

* updated prev commit

* pagination interactions completed

* minor update

* updated footer design

* updated focus-visible state

* created basic checkbox componet that can be used as generalised checkbox later

* code enhancement

* code enahancement

* commented on two added generalise components in ToolJetUI directory

* handled edge case when add new row pop-up is open for add new row button

* applied padding to table componnet

* removed the jet-data-table class style from theme.scss to table-component.scss

* shfited few styles from theme.scss to table-component.scss

added few styles such as to set the height of header row and  in table-component.scss

* made selector column type width fixed to 40px, made it non-resizable

made input checkbox dimension as 16*16 and placed it at the center of the container on x and y axis

* made changes to header of columns according to design

* added hover and selected psuedo styles

* changed background color of edited cell

* set default table type to classic

* updated bg of stripe even row

* updated design of table when no data is available

* updated the styles for resizing column width according to design

* redesign table header

* resolve the reference for isEditable value

* updated border style according to design and added editable icons for add new row headers

* bg of column while resizing for borderd table type

* removed table name from the header and instead of that placed filter icon at the left side of header

* changed the bg for the  thumb of scrollbar

* removed unwanted fill for Button not having icons

applied color to fill using var()

* changed the way to apply color to icon svg in Pagination component of Table

* set the max width to span element showing total pages in pagination

* removed SingleOptionOfList and checkbox components created in ToolJetUI directory

* made the table responsive

* updated styles for primary button variant

* change the variant of add filter button to primary

* updated save and delete icons

* updated the save and cross icons in the table footer according to current design

* loading state

* avoiding focus-visible for div element inside th

* fixed width for action column type

* removed unwanted code

* made few changes in no data in the table

* bug fixed for draggable header positioning at the start of the drag

* new cell size options

* changed options for table type in table styles

* migrations for tableType and cellSize properties in the styles tab

* supported backward compatibility for older app for cellSize prop

* Added filter applied state diffentiator in the UI

* Added padding to save changes and discard text buttons

* resizer handle updates

* when add new row and filter pop-up window are open, their respective button remains in active state

* made the overlayTrigger for download and manage columns controlled component and bug fixed, when button in the buttons in the footer clicked when in active state, they remain in active state

* updated resizing state

* removed the states for download and manage columns button active state

* updated if checks in the migration file for cell type and border type

* changed style prop to customStyles for ButtonSolid component while rendering

* gave function reference for on click event of clear filters button

* added conditional check in migration file

* replace bg of edited cell with var

* replace value with defaultValue in GlobalFilter component of Table

* Primary button variant remians same for both dark and light theme

* when filter or add new row pop-up window is active, then we disable pointer events in the table header , footer and data

* fixed tooltips for download , add new row and manage columns

* removed console

* added filter applied state as well, when filters are applied

* horizontal alignment bug fixes

* avoided column header to shift to left a bit when sort icon is displayed
2023-09-04 10:01:40 +05:30
Nakul Nagargade
0ee8982259
#6974 - Add support to disable page (#7210)
* Support disabling page

* Hide disabled page on viewer

* As per new design changes

* Resolve code comments

* Add a error message when switched to disabled page.

* Remove navigating to disabled page in viewer as well as editor

* Fix

* Fix page name theme dark

* Fix text message
2023-09-01 14:23:02 +05:30
Arpit
ee79b2015a
Feature - Workspace environment constants (#6810)
* init--

* org constants: controllers, services, module and api for creating new constants

* read operation: all constants from all envs and all constants from a env

* update and delete operation

* updated delete msg

* encrypt constant value before saving and decrypt before sending back to controller

* adds group permission for org constants and required migrations

* adds ability to create constant

* adds group permissions and fixes migrations

* adds workspace constant permission to workspace settings UI

* ToolJetUI - componenst, ref: ee/5c92dc9c03b73d7006562d71d639fe4eb1971dee

* Org constants UI

* UI updates: display constant value as per enviroment

* Added client side pagination

* groups without create/edit/delete permission can only view the the constants

* group permission: Create and Edit - UI updates

* create/update/date flow - UI

* extending api support to create constant in multiple environments

* UI - add constant for multiple envs

* disable name input for update operation

* UI fixes and updates

* adds deprecating banner to variables dashboard

* removes update/create from UI --variables

* adding depricating soon alert in codehinter when workspace vars are used

* extra check to display the banner in preview of cdehinter

* resolves constants for admin in client-side

* resolves constants client-side and server side for queries

* include grp permission for create/delete for org constants

* resolves org constants in runJS and runPY

* cleanup

* updated the tab UI

* fixed: constant pagination footer

* fixes client side pagination bug

* adds docs link

* ui updates and fixes ui flickering on closing the drawer

* refactor updating table data

* adds error state to constant forms

* remove the alert from runJS and runPY after 5s

* added max length constraint for constant value

* refactor: component form

* delete only constant as per environment

* remove unwanted logs

* resolves constants in gds connection forms

* resolve gds source options for testConnections, preview and runQuery

* UI style fixes: banner

* remove alert banner for runJS and runPY

* input text color fixed

* style fixes for disabled inputs

* Edit constant- Until value is changed- CTA should be disabled

* adds tooltip for table name and value

* adds tooltip for disbaled input in edit drawer

* updated the tooltip position

* handle input height on type for large strings

* added empty state

* adds new badge for workspace constants

* substring should be different for viewers

* resolve constants in viewer

* add support to resolve constants for widgets and queires in public apps

* changed the api endpoint for org constant for env

* bugfix: handle org constants for encrypted value from source options

* add support to resolve app variables and constants in a single single

* fixes: multiple multiline and same line variables

* refactor

* cleanup

* remove encryption for ce

* remove group permission from permission dashboard

* text transform for badge

* added padding for each table row

* updated alert banner padding

* updated alert banner padding

* updates width for empty banner

* refactor

* adds tests for constant api

* added validations for constant name

* updates textare dynamic form

* updates the resolvers for constants

* removes decryptiong for source options in services

* refactor - frontend

* resolved conflicts

* fixes: typo-1 ~ workspace variables alert

* fixes: inconsistency in alert info icon

* fixes: naming convention consistency

* fixes: dark theme for confirm box

* disable create button for  add constant with same name,

* adds error state for updating constant with same value

* fixes: error message typo

* fixes: error message typo

* fixes position of tooltip

* fixes frontend lint issues

* update lock file

* UI updates and typos

* cleanup-refactor

* checking error state before creating

* should check all error states

* resolving multiple constants and app variables in a single line

* reafactore

* fixed: depricating icon : codehinter preview box

* remove log

* remove repeated logic for deleteOrgEnvironmentConstant

* only return status code for delete request for org constants

* Add data-cy for workspace constants elements (#7251)

* updates contants doc link

---------

Co-authored-by: Ajith KV <ajith.jaban@gmail.com>
2023-08-14 14:28:51 +05:30
Arpit
10668546d9
Improvement - adds ability to resolve workspace variables in GDS connection forms (#6824)
* adds ability to resolveworkspace variables in GDS connection forms

* clean up

* resolves workpace variables in GDS connection form UI (client-side)

* fixes: encrypted source options resolver helper

* add workspace vars support for textarea components used in gds

* updates warning banner

* update textarea with the new UI

* Revert "Merge branch 'develop' into improvements/add-support-workspace-vars-datasource-forms"

This reverts commit f3b42005aa, reversing
changes made to 68334ca281.

* Revert "Revert "Merge branch 'develop' into improvements/add-support-workspace-vars-datasource-forms""

This reverts commit 9b19e5b530.

* fixes crash when trting to resolve variables

* remove comments
2023-07-04 15:32:45 +05:30
Johnson Cherian
6678d83b93
Page clone feature (#6287)
* feat: uncomented clone feature

* fix: reset selected component on page switch

* fix: truncate text overflow for page handle field
2023-06-12 16:25:46 +05:30
Arpit
2ddbd3309e
Feature - ToolJet Copilot 🚀 (#6074)
* add support for Copilot assistance

* clean up

* fixes workspace settings crash

* refactor and resolved review comments

* api endpoint should be inferred from env

* copilot style fixes

* copilot style fixed

* beta tag fro copilot settings: workspace

* fire toast for unauthorised recommendation request

* include the previous code with the newly generated response

* scoping apikeys to orgs

* controller updates for copilot

* copilot org key updated

* disable toggle for new workspaces

* disable toggle for new workspaces

* fixes: multi-workspace toggle updates

* uninstall unsued packages

* fixes button state for copilot in transformations

* updated the urls
2023-05-11 15:04:48 +05:30
vjaris42
d7695a6cb9
Adds an entry point to Global datasource page from Query Manager (#6092)
* add: global ds entry point on query panel

* cleanup
2023-05-11 10:57:33 +05:30
Kiran Ashok
65259afeb2
Feature Homepage and settings redesign (#5763)
* adding colors

* feat :: add button

* feat :: added typography

* feat: init storybook

* removes browserlist

* feat :: adding button styles and button component

* feat :: added sass addon

* stories update

* feat :: replacing with radix colors

* danger variants

* updates buttin story

* fix :: removing default items

* cleanup

* fix icons update

* feat :: folder list component

* fix :: naming

* icon and split button :: init

* intermediate save :: app card component

* renaming

* updates

* update for module imports

* updates icon

* update :: homepage design updates

* design changes dashboard

* updates :: apps section

* workspace stting new design upate

* updates dasboard design

* style :: fixes

* feat :: added context for sidebar nav breadcrumb

* added all solid icons

* intermediate update

* change: conditions for fetching users

* sorybook updates

* design updates :: workspace settings page

* manage users page

* lint fixes

* fix :: styling

* stle fixes :: workspace settings

* homepage redesign

* fix :: all drawer colors and position ,teplate page revamp , database page header fixes

* imported all bulk icons

* svg to jsx : bulk icons

* minor :: cleanup

* fix :: manage users drawer

* fix :: searchboxes , userspage fixes

* fix :: all inputs and minor ui fixes

* database page ui fixes

* fix :: database and folder search functionality and iconlist in homecard

* fixed some db functionality and edge cases for longer texts

* fix :: user addition manage user page

* self review cleanup and change in bulk icon fill state

* fix :: homepage seacbar

* merging develop and resolving conflicts

* remove unwanted stories

* reverting merge with develop

* Revert "reverting merge with develop"

This reverts commit 2150c8ec0c.

* clearing out warnings

* lint fixes

* feat :: added org modal in database page

* fix :: sso loader theme

* fix :: broken styles select

* fixed icon warning and select ui

* fix :: upload bulk and user select dark mode

* merge styles  with develop

* feat :: integrated new ui for database

* removing storybook files

* fix :: all bugs related to users dropdown and cleanup

* fix: user search api for organization page

* cleanup and splitting dropzone component

* fix :: overflow issue in app card time

* fix for scrollbars in homepage

* PR review fixes

* updates :: fix d=global datasource design issues , homepage responsiveness

* tj db operations

* breadcrumb bug fixes

* lint fixes

* removing logs , removed fade in in datasource and database page

* marketplace page ui fix

* removing inital users table fetch

* Pr :: review changes

* remove logs

* fix :: popover bug

* minot style fix

* fix :: remove arrow from all popovers

* fix :: for loading states

* ux :: sidebar items reorder

* style :: fix

* style fix :: templates

* fix :: qa bugs

* fix :: Qa reported bugs

* removes :: folder fetch bug

* share link and datsource bg color fix

* fixes :: rename group ,

* removed logs

* pages popover background fix

* fix :: tj db table addition ui bug

* fix :: ui bug confirm modal password disable

* modal , revert name capitalize in lists, typos fix

* typos , users page route bugfix

* users page header bugfix

* workspace archive btn , datasources form style for select

* groups updated , delete, create flow updated

* avatar bug in profile page fix

* revert styles

* fix :: for create new table nav breadcrumb not being updated

* click state bug fix in avatar

* fix bug with appcard popover

* fix :: text capitalize issue

* fix :: lints and updated icon for filter delete

* fix warnings

---------

Co-authored-by: gandharv <gandharvkumargarg@gmail.com>
Co-authored-by: Vijaykant Yadav <vjy239@gmail.com>
2023-04-21 11:45:48 +05:30
vjaris42
7e6a446619
Refactoring for Global Datasources Modal and UI (#5871)
* fix: styling issues and states for global ds modal

* fix: close button dark mode issue

* fix: svg color for back button on datasource manager
2023-03-30 12:42:05 +05:30
vjaris42
bb9a211e55
[Feature] :: Global datasources (#5504)
* add: columns and migrations for data queries and sources

* add: migrations for app environments

* fix: datasources and queries api

* fix: import apis

* add: radixui colors

* create: global datasource page

* fix: version creation not including global datasources queries

* fix: version deletion failure

* fix: ui and other bugs

* add: check for abilities on global ds

* fix: bugs

* fix: existing test cases

* fix: migration and bugs

* fix: rest api oauthorize bugs

* hide: add button for local ds

* fix: query bugs

* fix: new organization environment creation

* fix: local ds label showing for new apps

* fix: on page load queries for preview app and published app

* fix: import bugs from v1

* fix: merge conflicts

* fix: import apis

* fix: apss with mulit envs

* fix: ui bugs

* fix: environments not being created on db:seed

* fix: ui bugs

* fix: route settings for global datasources

* fix: customer dashboard template

* fix: local ds queries not being saved

* fix: runpy issues

* changes: ui

* fix: migration issues

* fix: ui

* hide datasources when no local datasources

* fix: test cases

* fix: unit test cases and global queries on app import/export

* cleanup

* add: package-lock file

* undo: migration rename

* cleanup

* fix: ui bugs

* migration fixes

* fix: dark mode issues

* fix: change datasource failing on query create mode

* fix: workspace selector issues

* fix: clickoutside for change scope option

* migration changes

* fix: open api issue

* reverting configs changes

* [Fix] Global datasources & Environment Id issue (#5830)

* fix: oauth env id issue

* code changes

---------

Co-authored-by: gsmithun4 <gsmithun4@gmail.com>
Co-authored-by: Muhsin Shah <muhsinshah21@gmail.com>
2023-03-24 21:41:21 +05:30
Kavin Venkatachalam
70ffc1e27b
Kanban Widget 2.0 (#5380)
* Kanban 2.0 init

* Implemented Kanban 2.0

* Moved add card button to the header

* Added debounce functionality

* Added CSA to Kanban

* Formatted Kanban

* Updated default data on Kanban

* Handled undefined data and exposed lastUpdatedCard

* Added lastCardAdded exposed variable in Kanban

* Fixed id bug on Kanban

* Fixed width issue on Kanban

* Fixed dark mode

* Commented onUpdate event for every action

* Rename containerId to columnId in lastCardMovement in Kanban

* Updated min width in kanban card

* Fixed bug on dropping items into cards when first container is empty

* kanban2 docs

* updated info in kanban doc

---------

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
Co-authored-by: Shubhendra <withshubh@gmail.com>
2023-03-24 15:22:25 +05:30
Manish Kushare
ab5fc2c59b
Implementation of bounded box component (#5548) 2023-02-27 11:36:52 +05:30
Sherfin Shamsudeen
78f1a1bba7 Merge branch 'develop' into v2-beta 2023-01-05 16:45:43 +05:30
Gandharv
2f025d11d3
Update homepage design (#5121)
* move all apps link under folders

* home page changes

* css changes

* fix

* fix comments icon

* breadcrumb fix

* change logo

* css fixes

* icon

* fix: comment notifications page id param addition

* loader heights change

* fix spacing

* update scroll

* delete unused file

* theme dark fix

* fix cursor

* css changes

* exp: removes skeleton

* exp: update apploader

* hide selector if single workspace

* keep search icon while searching pages

* update apploader

* use ui/select

* update plugin icons

* modal css changes

* css changes

* show delete, edit on hover only - querymanager

* update sidebaritem to use svg directly instead of img tag

* use svg for appicon
2023-01-04 13:28:55 +05:30
Pranay
035c06feb3
fix: calendar icon file name (#4882)
Co-authored-by: manishkushare <kushare.manish9@gmail.com>
2023-01-02 13:14:42 +05:30
Gandharv
f9aa596994
feat: app builder design changes (#5041)
* feat: version manager, realtime avatars + popover addition
2022-12-29 17:18:24 +05:30
Sherfin Shamsudeen
d6a72b50bd Merge develop to v2-beta 2022-12-27 20:10:33 +05:30
Arpit
6712bd2fb3
Internal storage - Pagination for Database table (#5040)
* init

* footer component with pagintion ui basic styles

* pagination:  apply a limit and offset rows through query params

* open create row drawer from footer button

* border color for dark theme footer button

* cleaned

* pagination

* fixes: input value

* moved functions to component level
2022-12-26 17:09:12 +05:30
Akshay
602b1b4ad3
Feature: Tooljet Database (#4951)
* wip

* internal db per workspace

* fix async query

* feat: add storage layer route

* feat: add drawer component

* feat: add react-table to load data

* feat: add columns form

* feat: add create column form, create row form

* feat: add postgrest js

* add tooljet db controller to proxy requests to postgrest

* util: add postgrest filter builder helper utility

* feat: add filter popover

* use helper utility for building query

* add sortable filters

* add box shadow for filter popup

* use overlay trigger

* use react select

* add new column addition

* add dropdown for table header, table list

* Move filter.jsx

* feat: add sort popover

* feat: add postgrest js .order fn

* setup tooljetdb with restricted grants for users

* make db schemas added loaded dynamically on postgrest server

* fix query

* sign jwt token to auth user at postgrest

* update db schema user with workspace

* chore: add table listing

* update data and columns from api

* feat: add context api for sharing data

* add ability to create table, view tables and add columns

* use columns for sort from context api

* fix ormconfig

* feat: add table listing integration

* feat: add create table integration

* fix for rds deployment

* add internal table translation instead of schema

* remove tooljetdb as a datasource

* wrap placeholder on proxy query

* add active workspace guard

* scope tooljetdb by workspace

* update active workspace guard

* seperate proxy related concerns to different service

* make use of org id param

* rename storage layer to tooljet databse

* update specs

* feat: Update list when new table added

* feat: add create column

* chore: add orgId to url + misc changes

* chore: move popover to separate file

* remove unused var

* rename files

* feat: add multiple columns

* feat: add new row

* removes postgrest-js from pkg lock

* feat: add row data

* feat: add sorting

* feat: allow row deletion

* feat: add search

* feat: add filtering

* feat: add edit mode

* feat: add columns while edit table

* add view table action

* update setup for column constraint

* fix query

* integrate view_table, primary key field

* render toogle for boolean data type

* update view table query for primary key

* fetch metadata refactor

* add capability to set default values

* feat: allow deletion of record based on primary key

* feat: add default value while creating column

* send query from sort & filter component

* css changes

* allow empty data

* add requested changes

* add err message

* add common fn

* allow sort + filter

* remove unwanted defaults key

* css changes

* add more operators

* dark mode fixes

* add drawer footer

* add loader for list tables

* add dashboard design changes

* design changes

* add capability to drop table and delete column

* add breadcrumbs

* design changes

* add profile

* refactor tooljetdb controller

* update routes

* add empty page changes

* delete column fix

* fix delete column

* design changes

* fetch tables post delete

* homepage changes

* hide ellipsis on hover

* add org settings page

* add edit + create org

* add notification center

* fix: group permissions switch issue

* add logo

* remove anchor tag

* fix merge conflicts

* css changes

* add err boundary

* setup query editor

* css changes

* fix: merge conflicts

* add menuPortal prop to filterform and sort form

* fix seed

* fix: build

* design changes

* design changes + refactor code

* fix imports

* fix: drawer issue on delete table

* add search box changes

* fix: tablename max-length 255

* fix: set newly created table as selected item

* remove edit column option

* added badges to enterprise only features

* disable edit column

* table styles

* fix: popover position, placeholder default

* fix: display boolean values in table

* fix: tooljet database default type values

* css changes

* add query manager for tooljet db with create and list row

* dark mode fixes

* remove Header component

* add ability to delete tooljetdb rows from query manager

* add ability to update tooljetdb rows

* dark mode fixes

* css changes

* display actions icon on hover

* folder onclick change

* add empty page styles

* fix proxy requests

* feat: randomize icon creation

* add max items per page prop for pagination

* removes unwanted position attr

* add table name validation + disable submit btn while api fetch

* [Bugfix] internal storage toast  | trigger toasts for running preview db queries (#5019)

* resolves: no toasts are fired when preview query is run for db queries

* fire success toast for created and no content status text for query success

* remove invalid migration

* skip migration if tooljet db already created

* fix: app clone icon param

* fix: show confirmation box if filter options are empty in query (#5021)

* for now: show native confirmation box of the brower to confirm the delete all query

* typo

* Revert "typo"

This reverts commit b5ce5ed889.

* cleaned

* cleaned

* show confirmation box if filter options are empty in query

* [Refactor/Bugfix] database query (#5028)

* refactored list rows operations

* remove unwanted cls

* refactor create row

* reafactored update rows

* refactored delete rows

* padding fix for tj-query

* add static templates

* review changes

* remove unused file

* Chore: tooljetdb render setup (#5033)

* add postgrest for render preview deploy

* pin version

* add healthCheckPath

* remove health check

* handle database url parsing db params

* add defaults for tooljetdb env

* fix hostname

* handle env in migration files

* refactor dbconfig build

* fix pg db usage

* add parsed env context

* add tooljetdb env

* refactor db config utils

Co-authored-by: gandharv <gandharvkumargarg@gmail.com>
Co-authored-by: Shubhendra <withshubh@gmail.com>
Co-authored-by: Arpit <arpitnath42@gmail.com>
2022-12-23 02:09:57 +05:30
Kiran Ashok
60bc09f0ba
fix :: drag issue in column properties (#4840) 2022-12-22 17:01:36 +05:30
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
Sherfin Shamsudeen
642c5caa71
Feature/multi page applications (Task ID - CU-2h1bfvw) (#4729)
* Add routes for multi-page apps

* Modify Editor, Viewer and Inspector to accept new app structure

* Show a page selector on left side bar

* Align component deletion logic with new app schema

* Make subcontainer work with multi-page apps

* Load components state properly in viewer

* Use UUID instead of handle for pages

* Display sidebar on viewer to switch pages

* Add proper URL suffixing for pages in viewer

* Add action to switch page

* Revert translation file back to its pre-existing linting

* Fix bug that caused modal to not open/close

* Add support for query params in page switch

* Fix the issue that caused navigation to fail while accessed via slug

* Add missing SwitchPage file

* Add support for page level variables

* Add migration to convert existing apps to new schema

* Add rollback for converting multi-page definitions back to single-page

* Fix migration for multi-page apps

* Adapt import/export service for multi-pages

* [improvements] Multi-page applications (#4755)

* UI updates for page selector popup card

* delete page

* delete page check: if only one page exits

* switch to home page if the selected page is removed

* adds and switch to new page

* updating page name

* updates to home page and starting page

* handle updating the home page when home page is deleted

* search box for filtering pages and minor style updates for the page handler card

* header search box style fixes

* for creating a new page, page handle needs to be unique

* seperating into smaller components

* updated pinned icon for page selector styles and settinf styles

* Leftsidebar header ui component

* handle dark theme

* page handle ui and dark theme fixes for page menu

* page handler edit modal

* pinned state and update pinned state for menu options triggered

* dark theme fixes for edit modal

* handle on update should not be empty or prev

* page handler updater

* added loading state for saving

* handles cancels

* fixes slug ui

* fixes crash for older app versions

* updates the query params when handle gets an update

* update homePage to homePageId

* removes console.log

* go back to the popover for modal close

* fixes: Difficult to select page

* fixes: Difficult to select the three-dot menu

* fixes: on visiting the root url, navigate to homepage on viewer

* adds tooltip for url

* updates the page selector sidebar with sync with query manager

* refactor and cleanup

* refactor and cleanup

* Compute component state when page is switched

* modal should not close on click outside

* disable save button if there is not change in the page handle input

* should show/hide page menu when hovered

* page icon

* updates delete icon for disabled state

* query manager should always be on top of page selector

* checks if homePage key exists in pages def

* updates page handler menu

* updates the clear icon

* page handler menu position

* page handler menu position

* handle icon

* alert msg

* global settings handler for updating viewer page navigation

* show/hode page navigation for viewer

* info text for toggle

* Multipages:with sortable list [DnD] (#4783)

* applied sortable list

* on sort updates the definitions

* fixies: app crash for dnd

* viwer: canvas width should be 100% when navigation drawer is disbaled

* fixes: homepage/startpage  reload

* clean up

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>

* Multipage UI viewer (#4801)

* new ui changes for viewer pages

* fixes postions for debugger and datasources popover

* removes console.log

* Multipage : hide page and unhide page feature (#4803)

* adds: ability to hide pages

* hides pages in viewer

* unhide page

* hide icon

* allow accessing hidden pages from url

* add: duplicate page (#4802)

* add: duplicate page

* do not copy the  same references from the original page

* page name and page handler should be unique for duplicate pages too

* Add support for on-page-load events

* Add icon from page settings menu item

* Convert existing templates to multi-page schema

* error logs for page level and app level errors (#4842)

* Adapt comments feature for multi-pages

* [Bugfix] multipage - page menu interactions (#4844)

* fixes: menu popup interaction

* fixes: on modal input focus, we switch the page

* Adapt multi-player to multi-pages

* Add editingPageId to ymap

* Log self, others and editor props in real-time avatar generation

* Save editing page id to appDef

* Add editingPageId to presence in RealtimeCursors

* adds no results ui for empty search results (#4869)

* page icon updated (#4870)

* fixes:Version switching crashes if the target version does not contain the current page (#4868)

* Remove unnecessary setting of editingPageId on ymap

* Remove unnecessary console.log

* [Bugfix] Multipages: widget inspector event popover unmounts (#4887)

* introduced a local state for events

* cleaned up inspector.jsx

* fixes: table widget inspector event accordion

* Do not run switchPage twice when viewer is loaded

* Preview should open the currently editing page

* Properly place navigation and canvas in viewer

* Update app definition whenever event manager changes are made

* Add support for browser back and forward button in multi-pages

* Rename handleBackButton to handlePageSwitchingBasedOnURLparam

* Add support for cut/copy/paste and clone

* Fix the crash caused by boxShadow

* Add support for background colors in viewer in multi-pages

* Run queries to be run on load on viewer, in multi-pages

* Fix issue that caused inspector popovers to collapse

* resolves workspace vars in viewer mode (#4892)

* Multipage : Navigation for Mobile-ui (#4814)

* refactored to components

* burger menu for mobile ui

* merge conflict fix for hidden pages

* hamburger menu positioned in the header

* viewer header reafctored

* viewer mobile page manu styles

* handles dark theme

* mobile menu with dark mode toggle in the footer

* components are moved to page level, handle for mobile layout

* style fixes

* removing unwanted code block

* dark theme fixes

* style fixes

* fixes: events are sortable (#4895)

* fixes: events are sortable

* Remove uneccesarily repeated call of setEvents in EventManager

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>

* renamed settings to Event handlers (#4898)

* updates the page setting title to Page Events

* temp commit

* Add support for setting max width in percentage

* fixes: paramUpdates for boxes: 🙌🏻

* [Bugfix] Multipage - viewer canvas dark theme (#4897)

* fixes: darktheme bg for viewer canvas

* reverts canvas size

* Fix for inspector bouncing back to previous values

* resolves pages variables in pythong and js transformation (#4905)

* csa support to event manager for pages (#4907)

* Add support for setting canvas width in percentages

* Persist page level variables across page switches

* latest definitions is merged with the current appdef (#4914)

* latest definitions is merged with the current appdef

* mutating the local obj

* cleanup

* iterate through pages for new versions are created

Co-authored-by: Arpit <arpitnath42@gmail.com>
2022-12-08 17:51:09 +05:30
Kavin Venkatachalam
12a770cbc4
[Feature]: Form Widget (#4595)
* Created form widget

* Fixed the same name issue in defaultChildren

* Dynamically added buttons to the form inspector

* Added data to exposed variable and handled button click

* Added Reset functionality, CSA to the form widget

* Added Form widget icon

* form component docs

Co-authored-by: Shubhendra <withshubh@gmail.com>
2022-12-08 14:41:02 +05:30
Manish Kushare
8d922b603f
[ Enhancement ] : adding back button in data source management (#4085)
* adding back button in data source management

* reverting back changes made in the height and width of close svg

* changed the height and width of the back svg

* removed inline styles and used classes fot the same
2022-09-27 13:34:50 +05:30
Kavin Venkatachalam
3a78cf6155
[Feature]: Icon Widget (#3936)
* Created Icon Widget

* Installed tabler icons

* Updated visibility logic for icon widget

* Added doc for icon widget

* Updated hidden field & moved hidden logic to cx

* Dark theme for icon widget & updated visibility

* Moved visibility logic to useEffect

* Updated visibility CSA label

* Removed resolveWidgetFieldValuekey usage in the Icon widget

* Moved register action to useEffect

* Removed registerActions on useEffect

* Add setIconVisibility to dependency array of registerAction

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-09-27 11:18:32 +05:30
Kavin Venkatachalam
2ffda26f38
[Feature]: Link Widget (#3905)
* Created Link Widget

* Added empty line at the end in theme file

* Fixed overflow issue in Link widget

* Updated visibility in the link widget

* Added doc for link widget

* Updated link widget doc

* Set fxActive on by default for visibility

* Fixed variable typo in link widget

* Updated hidden property

* Updated visibility logic for link widget

* Moved visibility to styles section

* Moved register action to useEffect

* Removed registerActions on useEffect

* Removed dependencies in registerAction function as it is breaking inspector

* updated link doc

* Add clickRef of link component as dependency of registerAction

Co-authored-by: Shubhendra <withshubh@gmail.com>
Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-09-27 11:12:14 +05:30
Manish Kushare
36bde17469
Updated the table UI (#3713)
* Updated the table UI

* made the search bar in sync with current applied theme in the application

* updated the UI of the table widget

* adjust x axis in the footer

* made the search text vertically center

* fixed : only show Header section when either of download, filter or search box is enabled
2022-08-12 15:45:39 +05:30
Kavin Venkatachalam
3932d72d64
[Feature]: Tree Select Widget (#3533)
* Added Tree Select widget

* Updated checkbox-tree package path

* Added checked-path array

* Added checkedpathArray

* Updated docs

* Updated theme file

* Added default values to exposed variables
2022-08-03 19:22:49 +05:30
UtkarshDixit-py
176f539364
Folder icon is now clearly visible in darkmode (#3674)
* Bug Fixed : Folder icon is now clearly visible in darkmode/issue_3647

* folder icon lightens in dark mode now
2022-07-28 16:04:49 +05:30
Sherfin Shamsudeen
3b36d51b87
Rename colorPicker.svg to colorpicker.svg 2022-07-18 16:17:14 +05:30
Sherfin Shamsudeen
3a54cf846d
Rename Html.svg to html.svg 2022-07-18 16:16:46 +05:30
Kiran Ashok
cac37039db
Copy button added for links in manage sso / general settings (#3416)
* copy button added for links

* added toast

* ui for sso updated

* dark mode fixes

* using copyfunction from utils
2022-07-12 13:08:36 +05:30
Manish Kushare
a224187f5d
Feature : Color Picker Widget (#3274)
* Feature : Color picker

* added border to the widget,handled theme changes, positioned color picker

* updated widget icon

* Bug fixed : color picker pop-up vanishes, if we don't manoeuvre the cursor surgically.

* changed default color type to color

* fixed bug: app getting crashed for undefined default value, if default value is not valid hex color code, widget will show invalid color instead of crashing

* removed highlighting invalid color with redcolor, for invalid color set exposed values to undefined
2022-06-28 15:43:27 +05:30
Manish Kushare
22f9e1f97c
added HTML-CSS widget (#2938)
* added HTML widget

* removed console

* removed injecting css to the html page

* Shorten the div of default code for HTML widget

* Updated widget icon from tabler icons

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-06-16 17:58:11 +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
Arpit
b48fd53ec2
[Feature] Kanban board widget (#3049)
* init kanban board widget

* kanban board

* reverts to beautifully

* kanban UI updates and dnd fixes

* bugfix: when dropped outside the col, should return back to it inital position

* updates min-width of the column

* container and widget styles

* style fixes: column container onDrag

* adds button for new group

* fixes new card overflow

* add btn for adding cards

* groups and cards updated

* add property definition

* improves draggable card position while drag is active

* handle delete group/col

* handle col/group title updates

* handles editing card title

* style fixes for input cursor

* cleanup

* card popover with codehinter fields

* minor card fixes

* updates exposed variable

* simplify boardData into cols and cards

* adds width and min-width style definations

* build board from queries

* handle draggable rbd-id

* removes add group card and delete group option

* fixes typos

* show empty state message

* fixes typos

* removes card extra border color

* fixes column typi and cards updates issue

* adds enableAddCard property defination

* adds accent color options

* default style accent color

* accent color fix

* revets popover with hinter

* fixes card drag and drop

* removes hook

* fixes: state synced with property defination updates(col and cards data)

* fixes: on re-arranging the card via dnd, update the card content

* handles if card columnId is updated

* adds card container layer

* clean up

* dark theme

* fixes card onDrop issue

* renamed the exposed variable data --> lists

* adds custom resolvers to the popover

* handle widget crash when non iterables are passed

* updates default card and col value

* fixes dnd issues for dynamic card values

* refactor: cleanup

* handles empty and undefined cardData

* fixes Height of widget is changing when popover thing is displayed.

* fixes: updating card data in widget inspector

* fixes: updating column data in widget inspector

* fixes adding cards for newly created groups/columns

* clean up

* Add kanban event onCardAdded and expose lastAddedCard

* Add onCardRemoved action and expsed lastRemovedCard variable

* Add events and variables for card movement and selection

* Add card edit feature for kanban widget

* Rename lastAddedRemoved to lastRemovedCard in kanban

* Rename lists to columns on kanban board

* Set max height of kanban column to respond to widget height

* Have "Add description" link if there is no description for Kanban cards

* kanban docs

* Change text from "add +" to "Add card" on kanban

* Validate card data before update

* Add tip about card id type on kanban documentation

* Add default min width and width for kanban

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
Co-authored-by: Shubhendra <withshubh@gmail.com>
2022-06-14 11:06:36 +05:30
Kiran Ashok
bb6fc26f7e
[ Feature ]:: steps widget (#3200)
* tabs event

* completed event firing on selection tab

* steps widget basic structure & code

* active item logic

* logic for currentstep

* logic for steps theme

* event onSelect handled and exposed currentStepId

* fixing tooltip

* logic for colour updated

* updates

* bugfixes and color theme fix

* darkmode fixes

* some bugfixes

* cleanup

* reverting

* reverting unwanted change

* updating green theme

* pr changes : style changes

* pr change :: color style made dynamic :rocket

* style fix 🚀

* docs updated

* bugfix
2022-06-13 17:44:03 +05:30
Kiran Ashok
9b557d11b9
Feature :: Button group widget (#2977)
* button group initial

* updates

* updating value logic

* updating all selection and normal styles

* bugfixes and icon change

* cleanup

* fixing button width

* changing non dynamic styles to theme

* updating padding

* PR changes :: updating with same margin for label

* pr changes :: updating default bg colour for selected

* exposing selected items

* fixing alignment to column

* fixing issue with default active

* updating transition

* initial selected element

* initial selection

* updating with documentation

* intermediate update fixing labels

* fixing multiple edge cases

* cleanup

* updating label

* fixing pending pr issues :: changing default selected as array

* multislection toggle fix

* fixing label padding
2022-06-01 13:50:02 +05:30
Kavin Venkatachalam
b16a74dcf1
[Feature]: PDF Widget (#3035)
* Created PDF Widget

* Added color to page number to support dark mode
2022-05-11 18:51: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
Manish Kushare
817e367fdd
New widget: vertical divider (#2971)
* created VerticalDivider widget

* updated widget icon

* changed the width of the widget container, placed the vertical separator at the center of the widget
2022-05-05 20:03:12 +05:30
Arpit
c8fbd62502
[Improvement/feature] Redesigned application inspector 🚀 (#2789)
* JSON Tree Viewer component: init

* JSON Node indicator

* Node indicator and NodeString

* function to get current node type and render component accordingly

* Handles Object, Array, String type

* Show/hide node identifier for only array and object with more than 0 items

* adds option to render node icons

* inspector json-tree: queries icons

* inspector json-tree: component icons

* fixes min/max width for the inspector popup card

* renames node details: keys to entries

* fixes getting the type of the currentNode

* inspector styes and style fixes for string, bools and number

* handles styles for undefined and null type

* removes type label for null and undefined

* fixes node margins

* adds option to use indentation node block (css border for node groups)

* improvement: update pinned icon as per pinned state

* fixes expanding and flatenning  the first element of a nested list

* fixes length label displays false, should always be number.

* handles function type

* fixes margin for String nodes

* inspector styles

* updates hexacode for selected node bg

* styles fixes

* adds copy-to-clipboard for each nodes

* show hide buttons for actions on mouse enter

* adds: delete widget from inspector popup

* adds: widget selector action

* tooltip for showHide options action buttons

* refactor

* adds: runQuery action for queries

* removes icons for root nodes for inspector

* Toggle icon (NodeIndicator) should should be displayed for Object and array type (0 length)

* hide node indicator for functions

* removes hover for nodes

* styles fixes

* on hover icons are not visible for expanded items

* style updates: selectable node

* adds onSelect callback option on lables

* adds: on expand with onclick lables props

* fixes cursor styles on Mouse enter

* fixes copy to clipboard action: from value to path

* fixes currentPath

* copy path to clipboard, return absolute path

* fixes broken widget icons

* selecting a widget in editor, selects the component/node in the tree

* fixes app crash when adding runjs queries to the json-vieweer

* fixes text-transformation to active nodes

* fixes with selectedWidget in the editor, expandable node was alwasys the widget node

* adds: dark theme

* clean up

* error boundary

* fixes: current node and hovered node update callback on mouse enter

* fixes options alignmeny

* adds more actions menu option popover

* refactored

* fixes reverse selection fo widget and node

* fixes radio button svg icon

* fixes: two child nodes of different parent get the active class

* fixes popover menu options

* fixes selected node display:hidden

* clean up

* toggle icon should not expand if empty

* adds tooltip for more actions

* spliting into different files

* minor improvements: toggling icon should select the label node, selected node if string should not updated to the last selected widget node

* resolves lifecycle method changes

* resolves changes

* resolves changes

* revert lock file changes

* Revert "revert lock file changes"

This reverts commit 10de6accf7.

* fixes: app crash, undoing one widget from canvas

* adds a comment for expand with labels

* minor enhancement:onMouseEnter updates the current hovered node

* minor enhancement: differentiate hovered node
2022-05-05 13:54:12 +05:30
Kiran Ashok
58893c5139
[ Feature ] :: svg widget (#2806)
* svg icon

* svg component

* cleanup

* name updated

* name updated

* fixing overflow issue

* dafault image
2022-04-18 19:08:50 +05:30
Kavin Venkatachalam
8ef1160615
[Feature] Timeline Widget (#2755)
* Added timeline widget

* Added dark mode support & ability to hide date

Co-authored-by: Kavin Venkatachalam <kavin@Kavins-MacBook-Pro-2.local>
2022-04-08 17:20:52 +05:30
Kiran Ashok
442c470ead
Redesigned left sidebar to increase width and include labels (#2482)
* setting minimum width for left sidebar

* updated left sidebar width

* left-sidebar width updation and including label

* adjusting margin for changed width

* bugfix darkmode

* fixing bug in margin of sidebar

* updating icon for inspect

* aligning canvas for changed width

* adjusting margin of sidebar popovers for changed sidebar width

* margin bugfix
2022-03-11 08:36:38 +05:30
Muhsin Shah C P
72ca2f5868
Feature/range slider widget (#1919)
* Implemented range slider

* Removed unwanted files and code

* Changed min and max type to number

* Added an icon
2022-03-08 10:02:56 +05:30
Muhsin Shah C P
caa3b67226
Updated widget icons (#2173) 2022-02-07 20:38:26 +05:30