Commit graph

1043 commits

Author SHA1 Message Date
Jeffin joffy
da3495a87f Update Tabs.jsx 2024-07-14 13:26:44 +05:30
Kavin Venkatachalam
7aa656169f Merge branch 'lts-2.50' into perf/0.1 2024-06-26 16:46:08 +05:30
Arpit
a1b38f4a2f
Hotfix [LTS] - Bugfixes (#10146)
* fixes: child components on listView are not updating correctly

* bumped version

* Special handling for 'window' keyword in multiline code editors

- Updated validation logic to allow 'window.x' while treating standalone 'window' as a reserved keyword.
- Refined keyword matching to ensure keywords are not part of a string or a comment and are exact matches.
- Applied a hotfix to both CE-LTS and the latest non-LTS CE versions, effective by end of day.
- Note: This update is specifically for multiline code editors; single line editors will continue to support 'window.x' or any usage of 'window' as it breaks the app otherwise.

* fixes: update the query refs for failed query

* fixes: on form submit the children's data should be accessable from queries events

* fixes: event execution

* adds a debounce for form reset on submit

* for onPageLoad events, we need to execute the actions after the page is loaded
2024-06-24 20:22:23 +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
f4193a1e32
fix : Modal component not firing event (#10016)
* fix : modal not firing event

* fix : modal fireevent

* chore : version bump
2024-06-11 11:01:14 +05:30
Kiran Ashok
8675b3186a
Bugfixes: Table crash fixes for LTS / Zindex issue for datepicker (#9984)
* fix : Table breaking for nested array of objects

* fix : table crash on selecting time only datepicker sing add new row

* remove logs

* update zindex

* Fix: Entity reference mapping and performance issues on codehinter (#10004)

* Fix: Entity reference mapping and performance issues on codehinter (#430)

* trial

* fixes:
- entity mapping on version switch
- entity mapping on page switch
- entity mapping on viewer on page switch

* fixes: performance of codehinter for rendering nested json data

* trial

* fixes:
- entity mapping on version switch
- entity mapping on page switch
- entity mapping on viewer on page switch

* Revert "fixes:"

This reverts commit 6ca9921731468aca4132c0aff3aeba02845bcd8a.

* Revert "trial"

This reverts commit 5bfa40c36aeb84abe98c0f2ab2418148772a048d.

* fixes: editor crash on resolving workspace variables

* fixes: populate JS hints

* chore : version bump

* version bump

---------

Co-authored-by: Arpit <arpitnath42@gmail.com>
2024-06-06 17:19:46 +05:30
Kiran Ashok
3f407530bd
Hotfix : Table crashing on selecting a value using time only datepicker in add new row (#9975)
* fix : table crash on selecting time only datepicker sing add new row

* fix : docs link in widget manager

* fix : naming

* chore : version bump
2024-06-04 17:48:08 +05:30
Kiran Ashok
d245d170aa
fix : Table breaking for nested array of objects (#9919)
* fix : Table breaking for nested array of objects

* remove log

* chore: bump minor version for hot fix

---------

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
2024-05-31 10:21:06 +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
Kiran Ashok
d5f5614f4b
fix : form csa for onsubmit not getting triggered (#9862) 2024-05-24 20:34:42 +05:30
Kiran Ashok
1effa5e28d
Form CSA not working as expected (#9822)
* fix : broken csa in form component

* fix: switch page and go to app query params are not saving due to mutation

* added an extra check if envs refs are undefined

---------

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
2024-05-24 16:53:30 +05:30
arpitnath
0229695c49 fixes: button crash 2024-05-24 14:20:20 +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
arpitnath
41f8f7eb86 fix: prevent infinite useEffect calls by removing dependencies
- Removed dependencies  and  from the useEffect hook.
- These dependencies were causing the useEffect hook to call infinitely, leading to a maximum call stack error.
- Updated the useEffect hook to run only once on component mount.

This fix resolves the issue of infinite re-renders and ensures that the exposedVariables are set correctly without causing performance issues.
2024-05-17 15:47:38 +05:30
arpitnath
70c0b748fe lint fixes 2024-05-16 13:38:33 +05:30
Kavin Venkatachalam
246f42e042 fix: codeeditor component is crashing after entering a value and resized the component 2024-05-16 13:22:40 +05:30
stepinfwd
2121608fe8 fix : codeeditor widget not taking full height on resize 2024-05-16 13:21:56 +05:30
arpitnath
f0a09e45d6 moved to new codemirror 2024-05-16 13:21:10 +05:30
Kavin Venkatachalam
aa93536e1a fix: darkMode issue on tab component 2024-05-16 12:37:14 +05:30
Kavin Venkatachalam
8cf88f064b fix: form & listView not exposing the values when it is dropped inside subcontainer 2024-05-13 09:04:00 +05:30
stepinfwd
5c0ac97c07 fix : datepicker inside container losing visibility on hover of container 2024-05-10 17:14:33 +05:30
Kavin Venkatachalam
1f26c10f66 fix: default components not appearing when placed inside subcontainer 2024-05-10 17:10:28 +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
arpitnath
33af4530ad fixes: OnTableToggleCellChanged not triggered for editable column 2024-05-06 10:34:04 +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
Manish Kushare
b97b6de2ed
Fix : Popup not showing for string column type for overflow content (#9489)
* Popup not showing for string column type for overflow content

* Adding columnType for name ,email and id to default column in widget config file
2024-04-24 17:26:25 +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
Manish Kushare
1a03d34717
Fix : Boolean column type was not auto generated (#9477)
* Fix : Boolean column type was not auto generated

* removing functionality to autogenerate select column type
2024-04-24 14:00:37 +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
arpitnath
3d77cf41ce fixes table coersion error for default value 2024-04-24 12:58:07 +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
f02e28dcc6
Fix string and text column when pasting not pasting in plaintext only (#9471) 2024-04-24 11:19:18 +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
Nakul Nagargade
8b70fa935c
feat: Add "Mark all columns as editable" toggle in Table (#9053)
* Add make all editable toggle

* Add isEditable true when new column is added

* Add styles

* Fix issue

* Fix issue

* fix

* Fix Bug

* Move MakeAllcolumnEditable to state based implementation

* Fix dark mode issue in auto mode

* Add image column type to Table as non editable
2024-04-22 11:39:19 +05:30
Johnson Cherian
d8e76e5fb3
fix: show overloy on overflow for string, text and number cells in table (#9443) 2024-04-19 18:27:55 +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
0efd95ae98
fix :Pagination component overflowing out of box (#9024)
* fix : pagination componen wih ellipsis

* fix

* code improvement

* fix

* ui update

* fix : pagination behaviour
2024-04-19 18:10:15 +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
5f88094d45
feat: Null and empty string handling in table component (#8916)
* Sgtash

* feat: Null and empty string handling in table component

* Code refactor

* Commit null renderer

* Fix on click focus and onBlur delay

* Add dark mode hover color

* Code refactor

* Remove renderToString

* Fixes
2024-04-19 16:19:43 +05:30
Nakul Nagargade
3d54af4264
feat: Updating the format of the name of exported file in table component (#8885)
* Update the format of the name of exported file in table component.

* Replace : with -

* Use moment instead of date-fns

* render fix

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
2024-04-19 13:21:07 +05:30
Johnson Cherian
68a0e75f12
fix: remove prevent default from listview onclick (#8855) 2024-04-19 13:06:48 +05:30
Kiran Ashok
c8ed3fc1cd
feat: Adding new color swatches and update new components with color variable (#8935)
* 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

* fixes

* fix : icon color

* icon color fixes

* fix: color on disabled

* fix : icon ill

* feat :: add new icons for number inputs

* remove unwanted file

* render preview app fix

* fix : arrows in number input

* add hover color for number input

* update colors with opacity

* Revert "Merge branch 'appbuilder-1.6' into feature/color-theming"

This reverts commit 7a59814e58, reversing
changes made to 9ef7867889.

* Revert "Revert "Merge branch 'appbuilder-1.6' into feature/color-theming""

This reverts commit 02dcd8acf0.

* revert few styles

* fix :  Able to update the number using arrows in the disable state

* fix : scrolling in color picker

* fix : color picker scroll issue

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
2024-04-19 13:03:23 +05:30
Kiran Ashok
8a6de8f199
fix :: Event triggering onclose of modal gets triggered on each refresh (#8388)
* fix :: event triggering onclose of modal gets triggered on each render

* fix

* fix

* close event triggering multiple times bugfix

* fix : modal firing close event multiple times

* revert

* cleanup
2024-04-19 13:00:22 +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
Johnson Cherian
b798cbf690
feat: added support for annotation in plotly charts (#9160) 2024-04-19 12:53:51 +05:30
Kavin Venkatachalam
74539853a1 fixed out of memory issue on Table 2024-04-15 12:10:48 +05:30
arpitnath
d145aef9fd fixes: component should correctly re-redner 2024-04-09 18:14:14 +05:30
Kavin Venkatachalam
708c2e3a7d Fixed bug on resetting the form component 2024-04-09 11:50:11 +05:30