Commit graph

37 commits

Author SHA1 Message Date
Johnson Cherian
64e90eb6ad
Merge pull request #13648 from ToolJet/fix/table-action-alignment
fix: Improve action column width calculation
2025-08-04 19:35:39 +05:30
Kavin Venkatachalam
9e7d8dab0d fix: improve action column width calculation and clean up styles in table components 2025-08-04 17:36:02 +05:30
Shaurya Sharma
99bf08fbec Toggle & Checkbox TJDB fix 2025-08-04 15:08:15 +05:30
Shaurya Sharma
36ad9e6fee Column popover scroll fix 2025-07-31 18:13:51 +05:30
Shaurya Sharma
f074b61c47 Manage columns overflow fix 2025-07-28 19:41:14 +05:30
Shaurya Sharma
d6222d51e1 Multiselect/Dropdown table fix 2025-07-14 19:46:11 +05:30
Shaurya Sharma
cca36658a0 Active column header color fi 2025-07-14 00:02:27 +05:30
Shaurya Sharma
842e67647b Table styling fixes 2025-07-10 09:32:21 +05:30
Shaurya Sharma
3ed689c07e Table multiselect/select theming fix 2025-07-03 10:02:48 +05:30
Shaurya Sharma
38aac62845 Added border color for table search, pagination and checkbox 2025-07-03 09:26:02 +05:30
Shaurya Sharma
ad942708e7 Border color added for filter box in table 2025-07-03 09:19:48 +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
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
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
Johnson Cherian
3169d38d63
Release: Appbuilder S1 (#10081)
* fix : color for all new columns

* revert

* Fix: selection of copy of selected component for ease (#9818)

* fix: selection of copy of selected component for ease

* add pre selection for clonig as well

* add clone check

* fixes selection of components on empty canvas

* Fix: sizing issues in horizontal divider (#9942)

* fix horizontal divider sizing issues

* fix dark mode color in horizontal divider and remove unused class

* add custom fallback for images when not found (#9943)

* cherry pick error message log changes and fix tjdb error logs in debugger (#9951)

* Fix: mouse release on canvas when properties/styles values selected (#9732)

* fix: mouse release on canvas when properties/styles values selected

* fix: event name

* fix: rest api headers empty state while creating new query (#9729)

* fix: selection issue in table row while editing  (#9944)

* allow selection in table cell

* update classname for selection

* display date picker date as text instead of input in read only mode

* Add new revamped multiselect widget (#9837)

* 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

* Remove date-fns depedency from table datepicker

* Revert Remove date-fns depedency from table datepicker

* 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

* add new version of dropdown

* Add same styles as other input components

* fix height issues

* Add new revamped multiselect widget

* Fix design review

* fix design issues

* Fix

* Fix merge issues

* Add menu portal target

* resolve code comments

* widget config changes

* add hover for clear icon

* fix

* Fix review comments

* Multiselect changes after dropdown merge

* exposed variables

* Delete unused components

* Multiselect fixes

* Dropdown CSS fixes and multiselect fixes

* Fix merge issues

* fix

* Add highlight text

* Change multiselect UI

* fix error message

* fix multiselect opening closing

* placeholder fix

* fix highlighting in multiselect

* fix : testing bugs

* fix : default value

* Fix merge issues

* Fix Qa bugs

* Fix QA bugs

* Fix codehinter default values

* fix fireEvent on focus

* Fixes

* Provide minwidth to dropdown and multiselect

* Fix search input value not getting updated

---------

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

* Fix: remove mandatory key from password input (#9786)

* Remove date-fns depedency from table datepicker

* Revert Remove date-fns depedency from table datepicker

* remove mandatory key from password input

---------

Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>

* feat : Query manager separated to different tabs (#9823)

* change toggle for query manager and revamp preview

* feat : query manger body revamp

* updates

* fix : tranformation switch

* preview integration

* loader safari changes and overflow fix

* fix

* fix : settings tab QM

* revert few changes to fix datasources page

* revert header options change

* zindex fix for query-pane

* fix : events ui

* fix :events widget manager

* code optimised for this file

* QM header fixes

* dark mode changes

* fix : info icon

* open preview drawer on run query

* fix : query manager query section icons update

* update color

* design feedbacks and make preview panel resizable

* update toggle for preview result & increate draggable area

* fix :review changes

* merge fixes

* Merge branch 'appbuilder-1.8' into feature/query-manager-body

* fix : codehinter in disabled state

* ui fix

* code refactor

* cleanup

* fix fontsize in datasource selector popup

* fix border issue in preview container and increase draggable area

* fix : review fixes

* fix: fixed text css formatting for safari support

* Revert "code refactor"

This reverts commit 4763dd11a3.

* typo

* fix : not able to select text in preview

* fix : not able to view add params

* fix selection issue in preview

* fix : add scroll in query  manager when preview is blocking view

---------

Co-authored-by: Kartik Gupta <gupta.kartik18kg@gmail.com>

* Fixes: select all click behaviour on label (#10108)

* fixes: select all click behaviour on label

* fix: legacy component names

* fix: selecto issue (#10107)

* Fix : Prevent component autofill (#10040)

* fix : prevent other component from autofilling data when password is filled from browser suggestions

* optimise

* feat: skip onDragStop execution if drag event is empty (#10118)

* feat: skip onDragStop execution if drag event is empty

* fix: added additonal logs for  error

* display query preview data in preview panel and display transformation failure stacktrace data in previewpanel as well (#10129)

* Fix while adding new rows in table components when ever entered the text and pressed enter it doubles the text (#10112)

* Integration bugfixes appbuilder 1.8 (#10109)

* fix : query maanager duplicate and preview issue

* fix : multiselect breaking on making dynamic options null

* fix : preview and query panel integration bugs

* fix : placeholder

* fix : doc links

* fix : scroll in TJDB filter section

* fix : portal for multiselect

* fixes

* fix : image column table alignment

* fix : doc link for multiselect

* fix : codehinter state being persited across components

* fix :export app qery manager items not coming in correct order

* fix: search icon position

* code refactor

---------

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

* add z-index to app name info header container (#10116)

* Fix dropdown and multiselect crash on integer labels (#10128)

* cast integer labels to string

* add null check for label and provide default value for empty labels

* empty and null handle for schemas and other values

* revert changes

* Fix: dark mode on preview names (#10136)

* fix: dark mode of preview names

* fix background color of preview

* fix tjdb query import (#10134)

* fix :revert radio button name change (#10153)

* Fix: select issue on multiselect (#10137)

* remove portal from multiselect

* fix: dynamic values for options in dropdown/multiselect

* remove fx from default option

* Fix: delete on options delete in dropdown (#10192)

* fix: delete on options delete

* fix: overlapping of multiselect on parent container

* fix: outside click of multiselect

* hotfix : Table breaking on importing older apps with null value in column (#10185)

* fix : table breaking on importing older apps with null value in column

* fix : table crash , codehinter not saving values upon page change

* remove low priority wrapper from autosave

* remove logs

* added delay to autosave as callback

* fix: dropdown crash on invalid data (#10202)

* revert to previous transformation code , fix darkmode color (#10216)

* fix : doclink for dropdown (#10217)

* fix : Transformations value getting cleared / not getting saved (#10218)

* fix : transformation value not getting saved

* remove dependency

* chore: version update for release

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>
Co-authored-by: vjaris42 <vjy239@gmail.com>
Co-authored-by: Kartik Gupta <gupta.kartik18kg@gmail.com>
Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
Co-authored-by: Akshay <akshaysasidharan93@gmail.com>
2024-07-01 08:46:22 +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
Kavin Venkatachalam
1cc99a86c1 Merge branch 'main' of https://github.com/ToolJet/ToolJet into feat/grid-appbuilder-improvement 2024-05-20 10:46:19 +05:30
Nakul Nagargade
321ae5f887
Revert table header and null renderer changes (#9646)
* Revert table header and null renderer changes

* Fix

* Update versions
2024-05-09 16:44:13 +05:30
stepinfwd
a535b6c3d7 add styles for string type 2024-05-06 11:36:15 +05:30
Kiran Ashok
a55cb9b95e
fix : Number input in table shows 2 arrows in firefox (#9483)
* remove arrow keys in firefox

* Fix date picker z-index (#9485)

* Fix date picker z-index

* Nest css class under widget

* fix : column hidden bug

* Change of names in datepicker in table (#9487)

---------

Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
2024-04-24 16:28:03 +05:30
Nakul Nagargade
b68ff8c340
Fix firefox not editing text and string column type (#9481) 2024-04-24 14:52:42 +05:30
Kiran Ashok
ae8cf517f9
fix : Muliselect table UI (#9474)
* Fix max canvas width select broken

* Added padding right instead of setting width to avoid overlapping of numbers on the arrow

Added padding right to provide spacing to right side of number container

* fix : focusing on any cell of number column type, results into first cell getting focused

* fix : text alignment bug in string column type

* fixed : text alignmnet of editable div in string column type

* Fix : avoid clicking thrice on element to start editing the content

* Fix : Overlay issue in deprecated columns

* Fix : multiselect deprecated secondary text not appearing on column list

* Fix table fixes

* fix placeholder in multiselect dynamic options

* fix: fix for scrollbar in viewer

* fix: integration bugfixes for table (#9457)

* change label for link color

* remove alt text for cell image

* fix : number arrow , labels

* limit table popover max height

* Bug fixes from appbuilder-1.6 (#9465)

* Fix : Selecting same value again is not discarding the selected value in single select

* If default options list is empty then return null

* Fix : Deleting the default option will rresult into removing from default option list as well

* showing error message at the bottom and cell value in the center for text and string column type

* Making Pagination aligned in the center horizontally

* Fix: Download popup

* Fix add new row string text not changing its color in dark mode

* Fix date picker on change in add new row not changing when value is empty

* fix : table default ui (#9454)

* fix : muliselect popover not showing (#9455)

* update default number data from string to number (#9467)

* Fix in datepicker

* fix: add fixed height to error feedback

* fix: fixed issue that caused multiselect option delete to fail (#9469)

* fix: fixed issue that caused multiselect option delete to fail

* refactor: minor code cleanup

* fix : ui for table multislect

* remove logs

---------

Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
Co-authored-by: manishkushare <kushare.manish9@gmail.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
Co-authored-by: Manish Kushare <37823141+manishkushare@users.noreply.github.com>
2024-04-24 12:42:21 +05:30
Nakul Nagargade
91fd6b84b8
App builder 1.6 integration bug fixes (#9456)
* Fix max canvas width select broken

* Added padding right instead of setting width to avoid overlapping of numbers on the arrow

Added padding right to provide spacing to right side of number container

* fix : focusing on any cell of number column type, results into first cell getting focused

* fix : text alignment bug in string column type

* fixed : text alignmnet of editable div in string column type

* Fix : avoid clicking thrice on element to start editing the content

* Fix : Overlay issue in deprecated columns

* Fix : multiselect deprecated secondary text not appearing on column list

* Fix table fixes

* fix placeholder in multiselect dynamic options

* fix: fix for scrollbar in viewer

* fix: integration bugfixes for table (#9457)

* change label for link color

* remove alt text for cell image

* fix : number arrow , labels

* limit table popover max height

* Bug fixes from appbuilder-1.6 (#9465)

* Fix : Selecting same value again is not discarding the selected value in single select

* If default options list is empty then return null

* Fix : Deleting the default option will rresult into removing from default option list as well

* showing error message at the bottom and cell value in the center for text and string column type

* Making Pagination aligned in the center horizontally

* Fix: Download popup

* Fix add new row string text not changing its color in dark mode

* Fix date picker on change in add new row not changing when value is empty

* fix : table default ui (#9454)

* fix : muliselect popover not showing (#9455)

* update default number data from string to number (#9467)

* Fix in datepicker

* fix: add fixed height to error feedback

* fix: fixed issue that caused multiselect option delete to fail (#9469)

* fix: fixed issue that caused multiselect option delete to fail

* refactor: minor code cleanup

* Bug Fixes from appbuilder-1.6 (#9470)

* Fix : Selecting same value again is not discarding the selected value in single select

* If default options list is empty then return null

* Fix : Deleting the default option will rresult into removing from default option list as well

* showing error message at the bottom and cell value in the center for text and string column type

* Making Pagination aligned in the center horizontally

* overlay is not showing for string column type

* Padding right on number cell

* Fix : Table is crashing becasue of null default value

* Fix dark mode in dropdown column type

---------

Co-authored-by: manishkushare <kushare.manish9@gmail.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
Co-authored-by: Kiran Ashok <stepinfwd@gmail.com>
Co-authored-by: Manish Kushare <37823141+manishkushare@users.noreply.github.com>
2024-04-23 18:33:27 +05:30
Johnson Cherian
1150c5ef05
Updated column background styles on resize of components (#8904)
* style: updated column resize handle styles

* fix: added missing resize column styles
2024-04-19 18:21:33 +05:30
Kiran Ashok
d9f796a85a
Fix : Table string column max height not getting applied , ui fixes in image column type (#9436)
* 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

* fix : Max column hight is not working in table

* Fixed width applied to multiselect popover

* fix : Remove height and width from table image column /  backward compatibility (#9425)

* fix : table column image , remove width and height

* optimise

* adding default object fit

* fix :  text is overlaping issue

* fix : non editable string column text alignment

* remove logs

* fix : text overflow

* fix : text padding

---------

Co-authored-by: manishkushare <kushare.manish9@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>
Co-authored-by: Manish Kushare <37823141+manishkushare@users.noreply.github.com>
2024-04-19 18:02:20 +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
Nakul Nagargade
b5974b2b8d
feat: Add light/dark/auto mode theme setting at application level (#9091)
* Add app mode in global settings

* Fix width of app mode toggle

* Resolve code comments

* Fix design comments

* Fix when canvas bg is empty

* Product feedback

* Fix dark theme issue in table

* Code refactor

* Always enable dark mode toggle in editor

* Fix canvas container color

* fix: update currentstate theme on appMode change

* fix: check theme as string from localstorage

* Update frontend/src/Editor/Header/AppModeToggle.jsx

Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>

* Update frontend/src/Editor/Viewer/DesktopHeader.jsx

Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>

* fix: check app theme when switching global theme

* fix: check if appmode is empty and show toggle button in viewer

* fix: set appmode on editor load from appdef

---------

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
2024-04-19 12:55:16 +05:30
Kiran Ashok
aef042a4da
Bugfix :: Base color theme change for app (#7410)
* feat :: palette change

* fix :: box shadow colorpicker

* feat :: update darkmode theme

* fix :: table footer items color

* fix :: updated canvas bg to old one

* ui fixes

* fix :: bg for outer screens/dashboard

* share app button hover state

* fix :: add to folder dropdown

* minor fix in table header styles and imp/exp order
2023-09-13 13:21:11 +05:30
Manish Kushare
6544848081
removing overflow hidden from th class (#7409) 2023-09-11 10:20:50 +05:30
Manish Kushare
d43a3977bd
Show bulk selector button not visible in the table inspector (#7398)
* Show bulk update button

* bug fixed , on resizing the column header, header text  was going out of flow
2023-09-11 09:45:17 +05:30
Manish Kushare
c39e66a520
datepicker dates are not aligned properly - fixed (#7391) 2023-09-07 16:14:05 +05:30
Manish Kushare
ac84148a71
Avoid box shadow on the selector type column header, when clicked on the input checkbox in the table component (#7387)
* avoiding box shadow getting applied when clicked on the input checkbox

* Applied border shadow to left of the first child and right of the last child in the column headers

change the box shadow color of few in css
2023-09-06 14:45:12 +05:30
Manish Kushare
4a57dc8d18
Resolves table fixes from appbuilder-1.3 (#7382)
* updated min width of column to avoid horizontal-scroll by default

* removed extra border applied in the child container of download popover
2023-09-05 16:01:44 +05:30
Manish Kushare
9ae0924741
Resolves table redesign bugs from appbuilder-1.3 (#7375)
* bug fixed table redesign

* removed unwanted horizontal margin when focused-within state applied on column header

* horizontal scroll was always active due to transform translateX property of resizer element, made it uneffective for last column header

* bug fixed not able to delete column from table inspector

* removed console and display records independent of whether enable pagination is toggled On or off

* changed Code connected text to Use dynamic column
2023-09-05 15:21:43 +05:30
Kiran Ashok
091adc9515
Bugfix : Button styles fixes (#7379)
* fix ::  button styles

* fix :: dashboard sidebar

* change hover color for primary butotns
2023-09-05 14:38:24 +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