Commit graph

181 commits

Author SHA1 Message Date
Nithin David Thomas
86733d40da Merge branch 'main' into design/appbuilder-nav 2025-08-08 11:53:25 +05:30
Shaurya Sharma
2056aa8353 Chat component added 2025-07-22 17:19:34 +05:30
Nithin David Thomas
0fabba4c17 Design: Changes design for App builder 2025-07-11 10:21:44 +05:30
Johnson Cherian
0b282f45d0
Revert "Add support to show guidelines on component drop" 2025-07-09 00:14:28 +05:30
johnsoncherian
7906279667 Merge branch 'fix/appbuilder-02' into snapping-react-moveable 2025-07-08 15:18:47 +05:30
johnsoncherian
618ae95b08 Merge branch 'fix/appbuilder-02' into snapping-react-moveable 2025-07-08 15:02:52 +05:30
NishidhJain11
fb7c751a34
Feat/AI modularisation (#13142)
* fix deps

* Modularisation changes for Build with AI feature

* New app loading UI for Build with AI feature & added animation for chat messages

* Fix Error using AI feature

* add missing services and logic

* fix app gen

* update submodules

* EE frontend submodule updated

* update submodules

* EE frontend submodule updated post sync

* Added Artifact Preview component to ee moddules list

* Updated ai slice code

* app gen changes

* Resolved fix with AI bugs

* Resolved AI Copilot bugs

* app gen changes and query fixes

* fix query generation bugs

* update copilot

* Resolved ChatMode dropdown & popover bug fix

* Resolved PR suggestions & PreviewBox component in CE edition

* Synced frontend/ee with main

* Synced server/ee with main branch

* Enhance submodule checkout process to handle branch existence and fallback to main (#13218)

* Enhance submodule checkout process to handle branch existence and fallback to main

* Improve submodule checkout process to handle branch validation and fallback to main

* chore: Comment out Node.js setup, dependency installation, and build steps in cloud frontend workflow

* refactor: Enhance submodule checkout process to include submodule name in logs

* Update submodule checkout process to use the correct submodule name extraction method

* fix: Update submodule checkout script to use correct submodule path variable

* Improve submodule checkout process to correctly handle branch names and fallback to main

* chore: Uncomment Node.js setup, dependency installation, and build steps in cloud frontend workflow

* fix: Update branch checkout logic to use correct syntax and improve fallback handling

* fix: Update git checkout command to use -B flag for branch creation

* fix: Improve submodule checkout process to explicitly fetch branch ref before checkout

* fix: Enhance submodule checkout process with improved branch validation and error handling

* fix: Improve branch checkout logic by enhancing fetch command and validating branch existence

* fix: Enhance manual Git checkout process with improved fetch and error handling

* fix: Restore Node.js setup, dependency installation, and Netlify deployment steps in workflow

* 🔄 chore: update submodules to latest main after auto-merge

* Took sync of fix/appbuilder-02 in frontend/ee

---------

Co-authored-by: Kartik Gupta <gupta.kartik18kg@gmail.com>
Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com>
Co-authored-by: adishM98 Bot <adish.madhu@gmail.com>
2025-07-07 15:11:58 +05:30
NishidhJain11
3be1b963f8
Enable HMR & optimize build & re-build times in development mode by updating devtool source-map value (#13047)
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
2025-07-07 14:13:06 +05:30
Midhun G S
90e7c4cab9
Cloud licensing related changes (#13033)
* added all pending cloud migration

* restrict cloud migrations

* added cloud data-migrations

* Added cloud entities

* keep tables across all

* cloud licensing initial changes

* fix

* payments module

* license counts updates

* update

* Added all pending cloud migration to pre-release + Payments module (#13006)

* added all pending cloud migration

* restrict cloud migrations

* added cloud data-migrations

* Added cloud entities

* keep tables across all

* payments module

* license counts updates

* update

* migration fixes

* pass orgId

* movement

* added cloud instance settings

* org id to license terms

* before merge

* dockerfile changes for cloud

* migration fixes

* subscription

* merge main

* posthog-js package

* fix

* selhostcustomer migration timestamp update

* fix

* fixes

* fix

* fix

* Adding cloud dockerfile changes

* migration fix

* fix

* fix

* fix

* fixes

* added migration progress

* fix

* added migration files for cloud

* fix

* added migrations for cloud

* add organizationId for pages controller

* fixes for plugins script

* fix

* final

* added cloud licensing envs

* UI WRAPPER BUG

* fix

* orgId groups fix

* lint check fixes

* Refactor Dockerfiles to use dynamic branch names for builds

* Feature/promote release permission management (#13020)

* migration and entity changes

* removed extra migration

* added default group permissions

* basic ui changes

* added promote and release permissions

* fixed tooltips for promote and release buttons

* fix

* fixed app promote ability check

* ce compatibility ui change

* ui fixes

* removed console.log

* removed comments

* updated ee-preview.Dockerile

* using base img node:22.15.1-bullseye

* fix for ce render

* Update ce-preview.Dockerfile

* Update ee-preview.Dockerfile

* ui fix

* fix

* fixes

* fixes

* fixes

* fixes

* minor fixes

* fix

---------

Co-authored-by: Souvik <psouvik260@gmail.com>
Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com>

* Bugfix/git sync pre release (#13098)

* bugfixes

* ui fixes for disabled states in version creation

* minor fixes

* removed unused imports

* fixes

* removed comments

* module file fixes

* module fixes

* white-labelling fixes

* login-configs

* fix for migration for ce

* Fix for app count guard (#13131)

* fix for app count guard

* added check

* for debug

* license key

* Modules : Platform Functionality  (#12994)

* init

* mod

* app import-export

* licensing and UI

* review and permissions

* update

* updates

* update

* update

* fix breadcrumb

* fix app builder error

* remove launch button for modules

* fixed homepage

* fix permission check

---------

Co-authored-by: platform-ops123 <platformops545@gmail.com>
Co-authored-by: gsmithun4 <gsmithun4@gmail.com>

* reverted logs

* tjdb guard and dark mode (#13137)

* ui fixes

* added modules module

* removed unused imports

* fix

* fix

* Cypress fix

* fixes for cloud instance level licensing (#13146)

---------

Co-authored-by: platform-ops123 <platformops545@gmail.com>
Co-authored-by: Rudra deep Biswas <rudra21ultra@gmail.com>
Co-authored-by: Adish M <adish.madhu@gmail.com>
Co-authored-by: Rudhra Deep Biswas <98055396+rudeUltra@users.noreply.github.com>
Co-authored-by: Vijaykant Yadav <vjy239@gmail.com>
Co-authored-by: Rohan Lahori <64496391+rohanlahori@users.noreply.github.com>
Co-authored-by: Souvik <psouvik260@gmail.com>
Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com>
Co-authored-by: rohanlahori <rohanlahori99@gmail.com>
Co-authored-by: ajith-k-v <ajith.jaban@gmail.com>
2025-07-02 10:57:36 +05:30
Nakul Nagargade
6bb5b8e1c9 Merge branch 'appbuilder/sprint-14' into snapping-react-moveable 2025-07-01 19:12:28 +05:30
Shaurya Sharma
9b78959b68
Custom themes (#13064)
* feat: Add CSA and functionalities for managing loading, visibility, and disable states for full tab component. (#11267)

* feat: tab draggble option and popover menu (#11267)

* feat: tab scrollable arrows and tabItem logic(#11267)

* feat: remove logs(#11267)

* feat: Tabslayout name change(#11267)

* fix: component update on Tabs

* fix: tab text color update

* feat: setTabDisable CSA added(#11267)

* feat: added CSA for tab specific changes(#11267)

* feat: added handle function for tab specific changes(#11267)

* feat: shimmer for tab nav and icon chooser (#11267)

* feat: icon for each tab in TabNav items (#11267)

* feat: equal split width fix for each tab in TabNav items (#11267)

* feat: styles for Tab Nav (#11267)

* feat: slide options(#11267)

* feat: fix radius (#11267)

* feat: slider (#11267)

* feat: fix slide direction (#11267)

* feat: fix slide direction 2 (#11267)

* feat: fix styles right side inspector view (#11267)

* feat: nav ellipsis ... (#11267)

* feat: children different for dynamic and non-dynamic (#11267)

* feat:[tabsLayout] change default values in config (#11267)

* feat:[tabsLayout] split and auto fix (#11267)

* feat: fix styles accent and text  (#11267)

* feat: fix styles divider and more 2(#11267)

* feat: fix styles divider and more 3(#11267)

* feat: fix styles 4(#11267)

* feat: fix styles 5(#11267)

* feat: fix tab icon visibility 6 (#11267)

* feat: modify name of property from id to Tab 7(#11267)

* fixes and changes

* fix: csa for tabs

* new changes and fixes

* fix: dynamic options sytling

* v2 changes

* add: new properties and styles to inspector for range slider

* fixes of range slider

* fix: styling

* fix: styling of icons

* fixed endvalue and startvalue problem

* ColorSwatches for table

* fix: styling

* transition effect fix

* fix: properties and migration

* fix: slider functionality

* fixed transition

* new changes

* visible,disable,loading,width

* feat: merge appbuilder/sprint-11 with main

* fix: styling

* style: extend tabpane background to whole pane

* [Issue 12503] Update input's with type as color to colorSwatches and also change accent color value to primary brand css variable' -m 'Changes done for: Currency, Email, Phone Number & ModalV2 component

* review changes

* fix: tinycolor import

* [Issue 12503] Update input's with type as color to colorSwatches and also change accent color value to primary brand css variable

Changes done for: Date, Time, DateTime & Date Range Picker components

* [Issue 12503] Update input's with type as color to colorSwatches and also change accent color value to primary brand css variable

Changes done for: Form, Textarea & Horizontal Divider component

* Fix: Add default selected value config for Header & Footer Background Color input field for Form component so that its shows correct color demo & its value

* Fix: Resolved custom theming issues in different components

* feat: Revamps file uploader widget

* Fixes added

* Custom theme extra code for extra components

* Submodule commit change

* Submodule commit change

* Textinput theming added

* Number input theming added

* Email & Password Theming added

* Textarea theming added

* Error system status added along with rating theming

* ToggleV2 theming added

* Toggle, RadioButton & Error related theming added

* Checkbox Theming added

* Dropdown V2 and legacy theming added

* Multiselect V2 theming added

* Adding ux friendly error messages

* Misc1 and Misc 2 theming added

* Multiselect legacy theming added

* Form components theming added

* Subcontainer related issues

* Subcontainers theming added

* Tabs theming added

* Filepicker theming added

* Range slider theming added

* Steps theming added

* Submodule update

* Package update

* Added Header text, background and container background color

* Submodule Update

* Submodule update

* Submodule update

* Submodule update

* Hover effect added

* feat: Revamps file uploader widget

* Adding ux friendly error messages

* Adds style tab

* Adds min file validation

* Reset vs code

* Adds support for theme

* Base theme added

* Base theme added

* Base theme added

* initial commit

* fix

* Fixes

* Submodule update

* Added auto color assign feature for multiselect/select in table

* Table column popover going out of bounds fix

* Changed layout of component manager

* DropdownV2 added to selectInputs

* HTML column data type added

* Table column icons added

* Fix dropping widget width while dragging

* Changed datepicker icon and added icons to table dropdown

* Style: Update Accordion Component UI

* Temp changes

* Fix group selection in form

* fix when dropping a component, shadow is coming on top of component manager.

* improve performace on useGroupedTargetsScrollHandler

* Fix

* Review fixes

* Minor changes

* chore: update submodule references

* Color swatches added icon/default and added disabled/loading state

* Submodule update

* Bugs solved

* Fixes for Component sidebar

* Custom theme related bug fixes

* App Background Switch added

* Submodule update

* Submodule update

* HTML fixes

* Submodule update

* Query breaking on Symbol fix

* Import export property migration for Rangepicker & Textarea

* Auto color pills not working for table select fix

* Custom themes minor bugs

* Submodule update

* Minor fixes

* Revamp pages in editor and viewer

* bug fixes

* merge base

* fix conflicts

* fix conflicts

* bug fixes

* Added swatches to page menu

* Submodule update

* Submodule update

* Submodule update

* Styling fixes

* Changed few page styles

* bug fixes

* fix: pages icon and layout for right sidebar

* fix: styling for pages menu

* fix base styling

* merge base

* bug fixes

* Bug fixes

* Submodule update

* Submodules updated

* bug fixes

* fix top styling of nav bar

* Sass loader error fix

* styles: correct styles to match the dsigns

* Accordion design added with some minor styling fixes

* fix: update default supported file of filepicker to any

* fix: update styles mismatches

* fix: hide min and max file count if multi file select is disabled

* TJ Default changed to Tooljet Migration

* Multiline code editor suggestions now close when out of view

* add border to canvas

* Dark theme link color fix for html column type

* Spinner color fix

* bug fixes

* bug fixes

* Submodules updated

* update reference

* Submodule update

---------

Co-authored-by: Raman Kumar <k.raman1998@yahoo.in>
Co-authored-by: Vijaykant Yadav <vjy239@gmail.com>
Co-authored-by: TaruunMalik <taruunrmalik09@gmail.com>
Co-authored-by: johnsoncherian <johnsonc.dev@gmail.com>
Co-authored-by: NishidhJain11 <nishidh@tooljet.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
2025-06-27 18:12:34 +05:30
Nakul Nagargade
768cca40ac Merge branch 'appbuilder/sprint-14' into snapping-react-moveable 2025-06-25 11:08:26 +05:30
Nakul Nagargade
df9c81d483 Fix guidelines 2025-06-25 09:51:31 +05:30
johnsoncherian
1b56df6a7b Merge branch 'main' into appbuilder/sprint-13 2025-06-19 08:03:25 +05:30
Midhun G S
175345479a
Node upgrade 18->22 (#12836)
* node upgrade initial commit

* Removed node-saas and added saas. Fixed the CSS warnings from saas

* add node version 22 to dockerfile and AMI setup script

* change the base image to debian 12

* Update the node version (#12860)

* correction in builder image

* Update ce-production.Dockerfile

* upgrade node to 22.15.1

* server package lock

* package upgrade

* package upgrade

* base directory package upgrade

* revert sentry package upgrade

* fix

* added copy files

* fix dockerfile for copywrite package issue

* removed copy files package

* fix dockerfile for copywrite package issue

---------

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
Co-authored-by: Adish M <adish.madhu@gmail.com>
Co-authored-by: Ajith KV <ajith.jaban@gmail.com>
Co-authored-by: Adish M <44204658+adishM98@users.noreply.github.com>
Co-authored-by: Muhsin Shah C P <muhsinshah21@gmail.com>
2025-06-17 13:01:46 +05:30
johnsoncherian
d0a25fc0ec Merge branch 'feature/modules' into feat/inspector-revamp 2025-05-28 15:04:24 +05:30
Johnson Cherian
e0169e2a59
Merge branch 'main' into fix/multiselect-dropdown-issues 2025-05-15 14:07:46 +05:30
Shaurya Sharma
10f946130f Inspector Revamp 2025-04-22 02:49:10 +05:30
Shaurya Sharma
3ba4affe6d Left sidebar inspector base 2025-04-16 17:37:24 +05:30
Johnson Cherian
0127c57599
Merge pull request #12276 from ToolJet/feat/new-table-mod
feat: New Table component
2025-04-07 12:12:08 +05:30
devanshu052000
bee778c266 Fix html for newline (<p><br></p>) not getting accepted in default value. 2025-04-03 14:56:09 +05:30
Shaurya Sharma
5c933ce847 Currency input added 2025-04-01 03:16:46 +05:30
Shaurya Sharma
ce37ebe93a PhoneInput package added 2025-03-27 13:59:14 +05:30
Kavin Venkatachalam
e8783a663f feat: created a new table component with better performance 2025-03-05 16:19:04 +05:30
gsmithun4
269ec56455 Initial commit 2025-02-25 12:22:50 +05:30
johnsoncherian
8faf6fdc40 Merge branch 'develop' into refactor/app-builder-merge-main 2024-10-22 13:31:21 +05:30
Muhsin Shah
e0a5899635 Merge branch 'main' into cve/server-high 2024-08-05 15:13:44 +05:30
Muhsin Shah
8efa0b3806 Merge branch 'main' into cve/server-high 2024-07-07 22:13:35 +05:30
Muhsin Shah
a5458eeeaa Upgraded some plugin versions and fixed syntax errors. grpc and oracle left to test 2024-07-02 20:03:27 +05:30
Devanshu Rastogi
fdf388926d Merged main with feature/storybook-text-area 2024-07-02 11:20:22 +05:30
Kavin Venkatachalam
ca5df2ebe2 Merge branch 'main' of https://github.com/ToolJet/ToolJet into perf/0.1 2024-06-27 11:41:33 +05:30
Kavin Venkatachalam
7aa656169f Merge branch 'lts-2.50' into perf/0.1 2024-06-26 16:46:08 +05:30
Kavin Venkatachalam
bdb4706fc1
Performance release 0.1 (#9922)
* chore: moved fetching gds and lds from low priority calls

* Refactor: Optimize state updates by removing component dependencies on current state to avoid trade-offs

* clean up

* run on page queries after on app load queries are done executing
page load queries should be triggered even if the one or all the app load queries fails

* performance improvements:
- reduced calling resolver functions upto 50% times for components' rendering
- moved to new resolver function for resolving component properties: which 100 times more efficient as utitlises hash table to resolve references and only uses recursive function for resolving JS code by inferring the query
- reduced re-rendering of Box component upto 50-60%
- app load time improved by 30% : as resolver function is more efficient and 50% reduction on rendering of Box.jsx

* chore: removed currentState dependency from SubContainer and QueryManager

* chore: removed useCurrentState from old kanban component

* chore: filtered `false` from componentToRender array to avoid unwanted re-renders when there is an update in a component

* fix: minor improvement on buildAppDef function

* [performance] removes current state dependency from resolvers (#9934)

* Removes current state from function calls of resolver functions

* clean up

* remoes lodash clone deep to more efficient clone deep or copying utitlity method

* ts files to js

* replaced setTimeout to debounce method of lodash for more efficient delayed invocation and yielding mechanism to reschedule large number of tasks

* fixes file path for deepclone method

* fixes import file path for utils helpers

* fixes import file path for utils helpers

* clean up

* fixes: listView's custom resolvers are not getting updated

* chore: moved lastUpdatedRef state from Editor to the subscription of relsoverStore

* fixes: re-rendering of box component for trigger back resolvers

* fix: removing the delay as the runJS updates are not reaching to the components. While start running the query we are updated the componentIds that needs to be rendered. After running the query the same IDs are updated and this is stopping the re-render of the component

* Reverting commit 583460c

* fix: Table search event was not firing while clearing the search input

* fixes: mapping entites on clone page

* commit: Fixed issue on running query on app load with confirmation

* fix: we're mutating the data and which avoids the re-render to update the canvas bg colour. Added a deepClone to avoid it

* Bugfix - perf mapping (#10101)

* fixes: entity for compnent or query duplications with events

* maxDisplayLength for hinter's preview

* clean up

* fix: when multiple components are deleted, the codehinter has the deleted component as suggestion

* fixes: on typing fast the cursor postion changes its postion to first char of the line in multiline JS

* trial

* fix: moved currentValue state of codemirror to ref

* fix: the passed value to the codehinter was not updated properly

---------

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

* fixes: evaluatin js code in codehinters with reserveed keyword

* fixes: reserved keywords string should be resolved and updated in the compnent

* re-rendering of componenrs in viewer

* fixes: resolving of refs

* added a timeout for filepicker

* removes 100s

* filepicker crashes (component) crash on page deleting

* fixes: app crash on adding file events

* fixes: hinter suggestions selection by keyboard

* [chore]: Show proper error message instead of app could not save (#10126)

* chore: show error message from BE instead of app could not save

* Added a fallback value

---------

Co-authored-by: arpitnath <arpitnath42@gmail.com>
2024-06-19 14:36:09 +05:30
Kiran Ashok
10c3bb6302
feat: Component design system (#9191)
* test init  :: shadecn , tailwind

* fix :: warnings

* fix :: theming

* fix : theming

* fix : proper styling

* feat :: added base button component

* adding storybook for button

* updates

* netlify node and npm version correction

* completed button styles and configg updates

* adding more storybook controls dark mode etc

* updates

* added storybook to gitignore

* cleanups

* revert changes

* restructured files

* update netlify config

* config change

* build command

* build command

* check

* add toml file in frontend

* updates

* update toml file

* update

* update toml file

* update toml file

* revert few changes , review updates

* loader size fix

* fix : typo

* fix : keep button width same on  loading

* made background as transparent

* cleanup

* revert

* adding prefix

* code structure updation

* removed unused packages

* updated border for buttons

* update : review comments

* replace clsx with classnames

* temp commit for filename change

* temp commit

* reverting name change commits

* fix : auoprefixer warning

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
2024-06-18 14:54:30 +05:30
Devanshu Rastogi
ca1cd69ec2 Added Dropdown component to storybook 2024-06-12 09:49:35 +05:30
Johnson Cherian
bc5580e055
Release: Appbuilder 1.7 (#9875)
* Remove date-fns depedency from table datepicker

* Revert Remove date-fns depedency from table datepicker

* Fix Built with Tooljet" watermark and app mode switcher appear briefly before the correct login page loads. (#9545)

* fix: headers and action button UI on table (#9626)

* fix: delete all children and nested children on component delete (#9182)

* fix: delete all children and nested children on component delete

* refactor: removed duplicate logics

* refactor: reuse functions and remove duplicate functions

* fix: update parentid of kanban modal child on version creation

* fix: add kanban modal children to delete list

* Fix duplicate text appearing at the bottom from the previous page in PDF widget (#9567)

* chore: fixed vulnerability issues on FE (#9561)

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>

* chore: Removed unused packages in FE (#9161)

* Removed unused packages

* Remove date-fns dependency drom table date picker (#9585)

---------

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>

* Fix Pagination and order of rows malfunction if default selected Id is not on page 1 (#9651)

* Fix Pagination and order of rows malfunction if default selected Id is not on page 1

* remove console logs

* Add support to add Manual date entry in Datepicker table column (#9631)

* Removed unused packages

* Add Manual date entry in Datepicker table column

* Remove date-fns dependency drom table date picker (#9585)

* fix date input issue

* Remove consoles

---------

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>

* Feature: pages sidebar collapsable and pin functionality in preview/release mode (#9650)

* add: pin and collapsable functionality to pages sidebar

* fix: review changes

* fix: canvas auto update width on sidebar toggle

* fix icon size

* Add support to wrap table's column header (#9565)

* Add support to wrap table's column header

* Resolve code comments

* commit

* fix: resize page width on window resize (#9164)

* feat: Button component revamp (#8361)

* init textinput revamp

* updated styles panel

* bugfix

* updates

* fix :: accordion

* fix :: styling

* add box shadow , additional property,tooltip

* fix conditional render for styles

* feat :: fixed order of each property and styles

* feat :: styling input

* bugfix

* feat :: add option to add icon

* add option to add icon

* adding option to toggle visibility

* updated password input with new design

* chnaging component location

* bugfix

* style fixes

* fix :: added loader

* updated :: few detailing

* few bugfixes

* fix :: for form widget label

* fixes

* added option to add icon color

* including label field for password input

* fix for label

* fix

* test fix backward compatibility for height

* updates

* revert

* adding key for distinguishing older and newer widgets

* testing

* test

* test

* update

* update

* migration testing

* limit vertical resizing in textinput

* testing

* throw test

* test

* adding check for label length

* fixing edge cases

* removing resize

* backward compatibility height

* backward compatibility

* number input review fixes

* added exposed items

* fixing csa

* ui fixes

* fix height compatibility

* feat :: csa for all inputs and exposed variables

* backward compatibility fixes and validation fixes

* fixes :: textinput positioning of loader and icon

* fix :: password input

* cleanup and fixes

* fixes

* cleanup

* fixes

* review fixes

* review fixes

* button component revamped

* fix :: csa

* typo fix

* typo

* fix :: styling

* exposed variables

* fix padding

* review fixes styles component panel

* fix naming

* fix padding

* default size

* fix :: icons position

* updates

* cleanup

* updates events , csa

* cleanup

* remove border

* backward compatibility

* clean

* feat :: change validation from properties

* ui fixes

* icon name

* disabled state

* removed 'px' text from tooltip

* fixes placeholder

* few updates :: removing label in form

* ui in form

* update :: number input validation behaviour

* testing fixes

* added side handlers

* removing unwanted fx

* disabling fx for padding field

* ordering change

* fix

* label issue + restricted side handler

* fix :: box shadow bug

* on change event doesnt propagate exposed vars correctly

* adding debounce for slider value change

* fix :: for modal ooen bug during onfocus event

* test slider

* fix :: bugs regarding state update in checbox , slider , slider bug

* update slider with radix slider

* bugfix

* merge fixes

* fix

* updates

* removing unwanted migrations

* fix: box shadow

* fix : import export issues

* fix : colouring

* cleanup

* fixes

* fix : design review comments

* add border color

* fix : review changes

* fix

* change display name to solid

* fix label

* fix : loader issue

* fix : button icon position

* fix : qa bugs

* feat: Checkbox + Toggle revamp (#8519)

* init textinput revamp

* updated styles panel

* bugfix

* updates

* fix :: accordion

* fix :: styling

* add box shadow , additional property,tooltip

* fix conditional render for styles

* feat :: fixed order of each property and styles

* feat :: styling input

* bugfix

* feat :: add option to add icon

* add option to add icon

* adding option to toggle visibility

* updated password input with new design

* chnaging component location

* bugfix

* style fixes

* fix :: added loader

* updated :: few detailing

* few bugfixes

* fix :: for form widget label

* fixes

* added option to add icon color

* including label field for password input

* fix for label

* fix

* test fix backward compatibility for height

* updates

* revert

* adding key for distinguishing older and newer widgets

* testing

* test

* test

* update

* update

* migration testing

* limit vertical resizing in textinput

* testing

* throw test

* test

* adding check for label length

* fixing edge cases

* removing resize

* backward compatibility height

* backward compatibility

* number input review fixes

* added exposed items

* fixing csa

* ui fixes

* fix height compatibility

* feat :: csa for all inputs and exposed variables

* backward compatibility fixes and validation fixes

* fixes :: textinput positioning of loader and icon

* fix :: password input

* cleanup and fixes

* fixes

* cleanup

* fixes

* review fixes

* review fixes

* typo fix

* fix padding

* review fixes styles component panel

* fix naming

* fix padding

* feat :: toggle switch revamp

* init checkbox

* fixes

* fixes

* switch fixes

* validation fix

* fixes

* cleanup

* height fix

* fix height toggle

* updates

* fix :: icons position

* updates

* cleanup

* updates events , csa

* cleanup

* backward compatibility

* clean

* backward compatibility fix

* label fixed to one line

* feat :: change validation from properties

* ui fixes

* icon name

* removed 'px' text from tooltip

* added onchange event for checkbox

* fixes placeholder

* few updates :: removing label in form

* ui in form

* fire onchange

* update :: number input validation behaviour

* testing fixes

* added side handlers

* removing unwanted fx

* disabling fx for padding field

* ordering change

* fix

* label issue + restricted side handler

* fix :: box shadow bug

* fix

* on change event doesnt propagate exposed vars correctly

* adding debounce for slider value change

* fix :: for modal ooen bug during onfocus event

* test slider

* fix :: bugs regarding state update in checbox , slider , slider bug

* update slider with radix slider

* bugfix

* update tooltip

* fix toggle switch

* fixes : inspector

* fix : checkbox label

* feat : checkbox completed

* update checkbox review changes

* feat : toggle component

* feat : added new toggle component

* fix : colors

* updated review changes

* update name for old and new version

* update

* case change

* update

* update icon

* removed padding from checkbox and toggle

* fix naming

* product review and bugfixes : changes

* fix : checkbox setvalue action

* Update setvalue action in toggle

* fixed: section for legacy and new components

* fix : checkbox tick mark not showing on resizing

* fix : icon in inspector

* fix : box shadow

* fix : ismandatory definition

* configs update

---------

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>

* fix : toggle switch import and switch component issues (#9874)

* fix : filter order of toggle (#9879)

* fix: appbuilder 1.7 integration testing bug fixes (#9880)

* fix: add only ids in deleted components map for component delete functionality

* Fix TableRowHeightInput in codehinter (#9881)

* fix: disable drag on calender popup and unblock other input interactions

* Bugfixes componentes 1.7 (#9892)

* fix : filter order of toggle (#9879)

* fix : Button alignment when label is empty

* fix : box shadow added

* fix : direction and default box shadow

* fix : disable csa not working for checkbox

* fix : button padding

* added toggle for box shadow check

* fixes : integration 1.7 (#9901)

* fix : exposed  vars not getting exposed on page change

* fix : validation error font

* fix : dynamic color for button

* fix : loading placement during CSA

* Move disabled, visibility, tooltip and box shadow to properties in Checkbox and Button (#9665)

* init textinput revamp

* updated styles panel

* bugfix

* updates

* fix :: accordion

* fix :: styling

* add box shadow , additional property,tooltip

* fix conditional render for styles

* feat :: fixed order of each property and styles

* feat :: styling input

* bugfix

* feat :: add option to add icon

* add option to add icon

* adding option to toggle visibility

* updated password input with new design

* chnaging component location

* bugfix

* style fixes

* fix :: added loader

* updated :: few detailing

* few bugfixes

* fix :: for form widget label

* fixes

* added option to add icon color

* including label field for password input

* fix for label

* fix

* test fix backward compatibility for height

* updates

* revert

* adding key for distinguishing older and newer widgets

* testing

* test

* test

* update

* update

* migration testing

* limit vertical resizing in textinput

* testing

* throw test

* test

* adding check for label length

* fixing edge cases

* removing resize

* backward compatibility height

* backward compatibility

* number input review fixes

* added exposed items

* fixing csa

* ui fixes

* fix height compatibility

* feat :: csa for all inputs and exposed variables

* backward compatibility fixes and validation fixes

* fixes :: textinput positioning of loader and icon

* fix :: password input

* cleanup and fixes

* fixes

* cleanup

* fixes

* review fixes

* review fixes

* typo fix

* fix padding

* review fixes styles component panel

* fix naming

* fix padding

* feat :: toggle switch revamp

* init checkbox

* fixes

* fixes

* switch fixes

* validation fix

* fixes

* cleanup

* height fix

* fix height toggle

* updates

* fix :: icons position

* updates

* cleanup

* updates events , csa

* cleanup

* backward compatibility

* clean

* backward compatibility fix

* label fixed to one line

* feat :: change validation from properties

* ui fixes

* icon name

* removed 'px' text from tooltip

* added onchange event for checkbox

* fixes placeholder

* few updates :: removing label in form

* ui in form

* fire onchange

* update :: number input validation behaviour

* testing fixes

* added side handlers

* removing unwanted fx

* disabling fx for padding field

* ordering change

* fix

* label issue + restricted side handler

* fix :: box shadow bug

* fix

* on change event doesnt propagate exposed vars correctly

* adding debounce for slider value change

* fix :: for modal ooen bug during onfocus event

* test slider

* fix :: bugs regarding state update in checbox , slider , slider bug

* update slider with radix slider

* bugfix

* update tooltip

* fix toggle switch

* fixes : inspector

* fix : checkbox label

* Move disabled, visibility, tooltip and box shadow to properties

* Remove toggleswitch and button

* Add down rollbackUpdates

* fix : filter order of toggle (#9879)

* fix merge issue

* fix

---------

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

* fix: use onMouseOver and onMouseLeave together to fix hover event

* fix : Validation message to be shown only when use toggles on and off , code refactor (#9905)

* Fix naming logic for copying (#9909)

---------

Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
Co-authored-by: Kiran Ashok <stepinfwd@gmail.com>

* fix: update animateTransform for cross browser compatibility (#9917)

* fix: color transitions on sidebar pages in dark mode (#9920)

* Fix table all column editable (#9921)

* fix: add only ids in deleted components map for component delete functionality

* Fix TableRowHeightInput in codehinter (#9881)

* fix: disable drag on calender popup and unblock other input interactions

* Fix allColumns editable in Table

* Fix clientServer nor working in Table

* In widget config, update the total records as 10

---------

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>

* chore: bump minor version

---------

Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
Co-authored-by: vjaris42 <vjy239@gmail.com>
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
Co-authored-by: Kiran Ashok <stepinfwd@gmail.com>
2024-05-30 18:12:10 +05:30
Devanshu Rastogi
fd7c2d5eb3 Revamped Input Component in storybook using new approach 2024-05-28 12:03:53 +05:30
Devanshu Rastogi
b8c238a7dc Checkbox and Radio with Label and Helper added to storybook 2024-05-21 16:32:02 +05:30
Devanshu Rastogi
5ba71e3a26 Added Label to Design System 2024-05-16 11:03:57 +05:30
Devanshu Rastogi
41a398787c Added Toggle Switch to Design System and Storybook 2024-05-16 08:44:00 +05:30
stepinfwd
cebae35710 Merge branch 'main' into feature/component-design-system 2024-05-13 20:09:17 +05:30
stepinfwd
1d9b704b0e replace clsx with classnames 2024-05-13 19:55:58 +05:30
stepinfwd
3f17dc3cc5 update : review comments 2024-05-13 19:27:27 +05:30
arpitnath
9ed0c5d587 added CSS suggestion to codehinter 2024-05-10 17:09:27 +05:30
Kavin Venkatachalam
15e5a81483 Merge branch 'main' of https://github.com/ToolJet/ToolJet into feat/grid-appbuilder-improvement 2024-04-30 10:34:40 +05:30
Kavin Venkatachalam
15762d0c13 Merge branch 'main' of https://github.com/ToolJet/ToolJet into feat/grid-appbuilder-improvement 2024-04-24 13:17:50 +05:30
Manish Kushare
5b690ebcb1
Table column redesign demo (#8442)
* initial commit

* redesign column manager

* redesign string column type in the table

* setting the color of the input field for string column type

* setting bg of popover body

* design the style tab of string column type

* adjusted spaces in the properties and style elements in the column manager

* fixed typo error

* removed unwanted line

* redesign the validation section of number column type manager

* added the placeholder value for string column type min and max length in the validation section

* replace text with icons for horizontal alignment in the style tab

* show delete icon outside of the menu actions for each column in the table inspector

* Revert "redesign string column type in the table"

This reverts commit a440f3fc23, which made changes for string column type in the table component on the canvas

* making flex fill for horizontal alignment icon buttons in the style tab of column manager in the table

* Bug fixed: event manager is not working in toggle column type

* added decimalPlaces prop to number column manager

* added text color and cell background props to style tab of number column manager

* added few validations for number

* created boolean column type consisting input checkbox working as toggle switch

* allow user to select boolean column type from the component manager and display boolean column in the table on the canvas

* making boolean component content consistent with the horizontal alignment

* making Boolean column type functional

adding editable and non-editale content to display on table

* fixed horizonta alignment issue for boolean column

* Revert "fixed horizonta alignment issue for boolean column"

This reverts commit d41499a1ed.

* making input elment vertically aligned

* added generalised cell interaction

* added props for boolean column types in column manager of table

* added feature to provide custom bg to toggle switch

* removed default value to toggleOnBg and toggleOffBg

* conditionally displaying hardcoded value if toggleBg is not available

* change the file and component name of existing customSelect to customDropdown

* change component name

* remove unwanted code

* added select option to the column type dropdown field

* Created component for select column type

* rendering custom select component for select column type

* adding border danger for invalid value

* redesign column manager for select column type

* bug fixed : disabling control to select column type when editable is off

* changing the name key to label for select column type options

* partially implemented make default option feature

* Implemented default option for select column type

* added text color prop in a styles tab to select column type

* adding indigo color to selected option to select column type menu list

* avoid breaking table if array is not provided for dynamicOption field

* Organize the column manager and related files

* Added validation fields in text column manager

* Added text color to text area column type

* Added validation to text column type

* Avoiding bg to persisit for few column tupes, who dont have background field

* bug fixed : other valdiation are not rendering for string column type

* bug fixed: on hover always danger border is displayed for each cell

* Cell density enhancement

* Returning empty array for validationList for few column types

* handling validation list by merging organizing-column-manager

* Changed the select component in the properties tab of column popover

* Changed the UI of validation according to new design also few column popover and action popover UI changes

* Adding fx code block in style tab for text color and cell bg color

* fixing UI of select column type column manager according to new UI

* creating multiselect column and its UI wrt option list

* added overlay trigger to multiselect

* feat : added design theme new colors

* fix : adding new color swatch to input components

* fix : colors, number input with height less than 16px and number input arrow in padding none mdode

* fix : icon color

* few color fixes

* overlay trigger for multi-select column type

* color picker bug fixed

* color changes

* column type input text is not consistent with the dark theme- fixed

* custom select single value container bug

* manking add new row, hide column and download popover background consistent with the dark theme

* Making add new row consistent with the updated UI changes

* feat : link column type table

* fix: default underline color

* fix : sentence casing

* added missing transformation field

* fixes

* fixing tab opening condition

* fix : backward compatibility

* supported multiple badges , tags for cell density propety

* added feature to duplicate column

* made td container overflow hidden

* provided 100% width to Image fit prop in styles tab

* oveflow hidden prop changes

* revert unwanted change

* change the gap between columns in column lists inside table inspector

* Deprecate few column types in table

* Fix

* Fixes

* change the functionality of cell density feature

* Fix msg

* Revamp date picker in table

* Fix

* fix : darkmode colors

* revert

* Supported cell density feature for multiple badges

* making badges aligned center

* madde tags column consistent with cell density feature

* Remove imports

* enhancing the code density feature

* Making radio column consistent with the cell density feature

* Fix unixtimestamp

* Fix CSS issues

* making tags and badges overlay appear only when content is overflowed

* CSS fixes

* Fix

* Fix dark mode issues

* making background transparent for deprecating columns

making overlay visible on horizontal overflow

* New revamped styles

* fix box shadow

* Migrations to move visibility and disabled states from styles to properties

* undo change

* refactored custom select component

* patch fixes

* bug fixed action popover was inconsistent with dark theme

* testing

* update custom select column type

* fixes

* Avoided options being populated in columns

* removed consoles

* making custom select align center vertically

* on focus , we used to see on hover effect, avoiding it

* Design review changes

* Made text and string text-container according to design

* vertical positioning of select and multiselect

* overlay for deprecated columns

* regex placeholder

* Icons for number column type

* Design feedback changes

* Design fixes

* box shadow on select menu list in canvas

* added missing feature of decimal places and make increment and decrement icon vertically aligned

* Fix design issues

* Solve lint issues

* Design theme revert changes

* color of column list on hover and active is updated

* fixes

* changing the font weight of labels in styles tab of column manager

* fix

* Revert design theme

* label change

* horizontal alignment of select and datepicker columns

* Reverted back to textarea for text column type

* sync package-lock.json

* fix import

* UI fixes

* Css changes

* feat: Update default table data (#9312)

* updated default table data

* fix : table breaking

* fix : datepikcer crashing table

* fix : data

* fix :: table image height (#9307)

* fix  : Table datepicker UI fixes (#9324)

* fix : datepicker ui

* update

* fix

* refactor: removed unused codes

* add overlay

* add overlay

* Fix datepicker when date and time both are disabled

* Fix paddings and margins

* fix : default states in datepicker in table (#9335)

* feat : update default data with images (#9338)

* Design feedback

* fix multiselect column type issues

* Fix datepicker header width

* Fix dropdown

* Fix options loading state

* Fix select issues

* Fix multiselect default option

* fix overlay trigger multiselect

* fix: fixed issue with overlay display and cell content alignment for text

* fix: Multiselect popover (#9394)

* fix: popover only needed when content overflows

* fix

* fix: update zindex of edited text column

* fix: show overlay when text in string overlay overflows

* Fix multiselect default options

* fix: show error message for editable string cloumn

* Fix date issues

* Fix date fixes

* fix: more info popup close on mouse leave

* Fix unix timestamp issue

* Migration: set default demo data for older data (#9423)

* fix: backfill old default data if user did not add a data

* fix: backfill old default data if user did not add a data

* Table column redeisgn demo string fix (#9415)

* fix: show error message on table input validations

* fix: error message alignments

* Fix import issue for datepicker

* wrapping the contant of multiselect selected options (#9429)

* Fix popover in multiselect

* Add multiselect popover only when content wrap is false or max row height is custom

* Fix : String column types bug fixes (#9431)

* Bug fixed: Hiding max row height field when content wrap is disabled

* Removed border bottom when striped table style is applied

* removed unwanted code

* Apply hover effect on non-editable cell

* Fixed width applied to multiselect popover

* Fixed multiselect popover when content wrap is auto

* Fix : arrow indicators vertical alignment in number column (#9440)

* Fix: vertcial alignment of arrows

* added hover effect on even rows

* removed important

* fix : Link column ui bugs , console error fix when hovering table (#9437)

* fix : link column ui ux

* update icons

* Fix: focus editable string column on click of anywhere in cell (#9435)

* Bug fixed: Hiding max row height field when content wrap is disabled

* Removed border bottom when striped table style is applied

* removed unwanted code

* Apply hover effect on non-editable cell

* Not able to edit the cell if clicked on the edges

---------

Co-authored-by: manishkushare <kushare.manish9@gmail.com>

* fix: number input overlap with increment/decrement button (#9406)

* Number input arrow bug (#9441)

* Fix: vertcial alignment of arrows

* added hover effect on even rows

* removed important

* number are overflowing on arrows fixed

---------

Co-authored-by: manishkushare <kushare.manish9@gmail.com>

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>
Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
2024-04-19 17:22:06 +05:30
stepinfwd
17756ed61a removed unused packages 2024-03-26 14:07:10 +05:30
stepinfwd
83b53709cd check 2024-03-25 12:01:06 +05:30
stepinfwd
7340084a38 build command 2024-03-25 11:40:01 +05:30