Commit graph

18 commits

Author SHA1 Message Date
Kiran Ashok
10c3bb6302
feat: Component design system (#9191)
* test init  :: shadecn , tailwind

* fix :: warnings

* fix :: theming

* fix : theming

* fix : proper styling

* feat :: added base button component

* adding storybook for button

* updates

* netlify node and npm version correction

* completed button styles and configg updates

* adding more storybook controls dark mode etc

* updates

* added storybook to gitignore

* cleanups

* revert changes

* restructured files

* update netlify config

* config change

* build command

* build command

* check

* add toml file in frontend

* updates

* update toml file

* update

* update toml file

* update toml file

* revert few changes , review updates

* loader size fix

* fix : typo

* fix : keep button width same on  loading

* made background as transparent

* cleanup

* revert

* adding prefix

* code structure updation

* removed unused packages

* updated border for buttons

* update : review comments

* replace clsx with classnames

* temp commit for filename change

* temp commit

* reverting name change commits

* fix : auoprefixer warning

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
2024-06-18 14:54:30 +05:30
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
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
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
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
Kiran Ashok
26f9b0334d
fix: Loader position in text widget , migration fixes (#8793)
* fix :: loader position in text widget

* removing default value migration

* fixed :: fallback default value of border radius to 4px itself
2024-02-14 23:27:43 +05:30
Midhun Kumar E
c7bffcbc80
data-cy: Add data-cy for component revamp (#8686)
* Add basic automation cases

* Add data-cy for common elements and input components
2024-02-08 13:41:13 +05:30
Nakul Nagargade
533dc3c161
feat: Text component revamp (#8097)
* 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

* migration to move visibility and disabled state from properties to styles in appdefinition

* Migration changes

* Fix exposed variables

* Fix styles and add extra properties

* Merge fixes

* Add support for onHover show fx btn

* Fixes

* Migration move box shadow from general styles to styles

* Resolve  merge issues

* Add padding and fix background color not working

* 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

* fix merge issue

* 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

* Add deprecated tooltip for exposed variable tooltip

* fixing edge cases

* removing resize

* backward compatibility height

* backward compatibility

* number input review fixes

* added exposed items

* fixing csa

* Add scroll property

* 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

* Update default size

* fix :: password input

* Fix styling in toggle item

* Fix toogleItem padding

* Fix depreacted tag styling

* Fix scroll

* cleanup and fixes

* fixes

* cleanup

* fixes

* review fixes

* review fixes

* typo fix

* fix padding

* review fixes styles component panel

* fix naming

* fix padding

* fix :: icons position

* updates

* cleanup

* updates events , csa

* backward compatibility

* clean

* Fix

* feat :: change validation from properties

* ui fixes

* icon name

* hide scroll when style scroll property is disabled

* Fixes

* 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

* Resolve code comments

* fix

* label issue + restricted side handler

* Resolve code comments

* Fix

* fix :: box shadow bug

* Fix tooltip

* 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

* fix auto widh bug

* updae margin

* few fixes renamed style ppts

* stylefix

* Fix QA comments

* Border color in form keep blank

* Add empty string as or condition.

* fix :: config handled not getting focused on hover of the component

* Fix QA comments

* typo

* Fixes

* Fix QA bugs

* CSA names fix

* Fix cases CSA actions

* Fix tooltips

* Fix loader styles

* Fix merge conflict issue

* fix

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>
2024-02-07 12:40:55 +05:30
Kiran Ashok
80506decb4
feat: Textinput , Passwordinput , Numberinput revamp (#8079)
* 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

* fix :: icons position

* updates

* cleanup

* updates events , csa

* backward compatibility

* clean

* feat :: change validation from properties

* ui fixes

* icon name

* 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

* fix auto widh bug

* updae margin

* few fixes renamed style ppts

* stylefix

* fix :: config handled not getting focused on hover of the component

* typo

* fix :: side dragging got disabled

* changing everything to sentence case

* removing unwanted exposed vars

* expose labels

* typo

* fix mandatory position

* fix :: for warning icon for deprecated csa's

* fix :: when switching layouts box size is not updated
2024-02-06 11:42:05 +05:30
Nakul Nagargade
cee7327453
Add loader when creating and updating events (#8588) 2024-02-06 11:28:43 +05:30
Midhun Kumar E
d36cc44920
test: Add automation for text-input revamp. (#8671)
* 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

* fix :: icons position

* updates

* cleanup

* updates events , csa

* backward compatibility

* clean

* feat :: change validation from properties

* ui fixes

* icon name

* 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

* Add common utils

* Modify helpers

* Add text input spec

* Add utils for field validation

* Minor spec updates

* Fix for password  basic automation cases

---------

Co-authored-by: stepinfwd <stepinfwd@gmail.com>
2024-02-06 10:27:31 +05:30
Arpit
7ceeb8e018
[hotfix] fixes: ordering of event execution & Table switch (#8509)
* fixes: ordering of event execution

* Fix switch group not updating default value

* bumped up the version

* bumped up the version 2.27.4

---------

Co-authored-by: Nakul Nagargade <nakul@tooljet.com>
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
2024-01-08 14:50:35 +05:30
Kiran Ashok
6bf79d1c3c
Bugfix :: Canvas color not switching in older apps while theme switching , along with some bugfixes and design changes (#7378)
* fix :: older apps bg color

* fix :: apptheme darkmode

* fix :: colorpicker alpha and darkmode rgb text

* fix :: global settings broken ui

* fix :: padding components box

* fix :: fx color in global settings

* fix :: app canvas bg color

* removed typo

* global settings icon

* cleanup

* design review changes

* removing logs

* added drag handle for table columns

* design review changes :: improving readability

* minor style fixes
2023-09-08 16:48: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
e5d75bd4cf
Feat :: Editor UI revamp (#7275)
* temp commit ::  editor redesign

* fix :: components panel ui

* style updates

* fix :: arrangement widget list

* fix :: light mode widget list

* style fixes query manager

* updates

* updates heaer styles

* global settings fix

* left sidebar states and icon change

* cleanup

* minor fixes :: review

* fix opacity mode toggle

* detailing in hover states , bugfixes

* fix :: coloring whole app , debugger ui

* cleanup

* fix :: revert some changes , fix statistics widget

* feat :: navbar with new layout

* fix :: lint warnings

* cleanup

* cleanup

* minor fixes

* fix :: reusing serchbox

* removed unwanted prop

* Revert "cleanup"

This reverts commit b18abe19fb.

* fix :: icons sidebar

* fix :: padding searchbar

* style fix

* radix :: dark theme for portals

* fix :: icon styles

* fix :: all codehinter styles

* update :: base bg color app

* fix :: viewer color

* minor fixes :: icon left sidebar

* typo

* fix :: styling save message header

* icon :: fix for layout and inspector queries

* fix :: canvas and editor bg

* fix :: release btn style

* fix :: navbar border

* undo redo tooltip

* fix :: page input

* remove released btn icon

* fix :: for icon not loading proper in inspector

* fix :: dark mode toggle icon size

* fix :: share  app ui

* fix :: style fixes , inspector runpy icon

* fix :: ui runpy codehinter

* fix :: inputs in gds connection

* cleanup

* fix :: copilot codehinter ui

* fix :: share modal button

* fix :: canvas bg text

* style fix debugger

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

* fix :: icon fills

* fix :: icon fill color sidebar

* darkmode fill color

* minor style fix

* Widget inspector redesign (#7355)

* Setup Storybook

* Update storybook config

* Add tab and toggle group component

* Created list component

* Properties tab

* update codehinter dropdown components

* Refactor styling

* Inspector header changes

* Fix es lint issue

* Fix

* feat :: styling color picker styles panel

* Fix color picker alignment

* feat :: remove alpha

* Fix UI bugs

* fix :: color picker

* Ui fix

* Backward compatible pagination changes

* fix

* Feedback changes

* UI feedback

* Check fix

* Fix

* fix :: canvas bg popover

* Styles fix

* Fix conflct issues

* minor style fix style tab

* Fix

* review comments fix :: hovering in color picker

* Code review and design feedback

* UI feedback

* Fix UI styles

* Fix pagination issue

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

* fix :: remove extra boreder

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

* fix :: datepickre input table column

* fix :: colopicker in table column inspector

* fix :: link column type ui in table

* fix :: column delete ui and delete not triggering

* Fix list item not dragging

* fix :: closing of popover on link column select

* style fix table popover

* Pass dark mode to Event manager button

* fix :: ux event manager

* cleanup

* cleanup

* fix :: delete page modal ui

---------

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

* style fixes

---------

Co-authored-by: Nakul Nagargade <133095394+nakulnagargade@users.noreply.github.com>
2023-09-04 13:30:39 +05:30
Arpit
cacd456812
Lint fix: platform 3.0 - updates lock file (removes unwanted deps) (#7262)
* update lock file

* disbale import/no-resolved
2023-08-14 16:20:39 +05:30
Arpit
ee79b2015a
Feature - Workspace environment constants (#6810)
* init--

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

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

* update and delete operation

* updated delete msg

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

* adds group permission for org constants and required migrations

* adds ability to create constant

* adds group permissions and fixes migrations

* adds workspace constant permission to workspace settings UI

* ToolJetUI - componenst, ref: ee/5c92dc9c03b73d7006562d71d639fe4eb1971dee

* Org constants UI

* UI updates: display constant value as per enviroment

* Added client side pagination

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

* group permission: Create and Edit - UI updates

* create/update/date flow - UI

* extending api support to create constant in multiple environments

* UI - add constant for multiple envs

* disable name input for update operation

* UI fixes and updates

* adds deprecating banner to variables dashboard

* removes update/create from UI --variables

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

* extra check to display the banner in preview of cdehinter

* resolves constants for admin in client-side

* resolves constants client-side and server side for queries

* include grp permission for create/delete for org constants

* resolves org constants in runJS and runPY

* cleanup

* updated the tab UI

* fixed: constant pagination footer

* fixes client side pagination bug

* adds docs link

* ui updates and fixes ui flickering on closing the drawer

* refactor updating table data

* adds error state to constant forms

* remove the alert from runJS and runPY after 5s

* added max length constraint for constant value

* refactor: component form

* delete only constant as per environment

* remove unwanted logs

* resolves constants in gds connection forms

* resolve gds source options for testConnections, preview and runQuery

* UI style fixes: banner

* remove alert banner for runJS and runPY

* input text color fixed

* style fixes for disabled inputs

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

* adds tooltip for table name and value

* adds tooltip for disbaled input in edit drawer

* updated the tooltip position

* handle input height on type for large strings

* added empty state

* adds new badge for workspace constants

* substring should be different for viewers

* resolve constants in viewer

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

* changed the api endpoint for org constant for env

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

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

* fixes: multiple multiline and same line variables

* refactor

* cleanup

* remove encryption for ce

* remove group permission from permission dashboard

* text transform for badge

* added padding for each table row

* updated alert banner padding

* updated alert banner padding

* updates width for empty banner

* refactor

* adds tests for constant api

* added validations for constant name

* updates textare dynamic form

* updates the resolvers for constants

* removes decryptiong for source options in services

* refactor - frontend

* resolved conflicts

* fixes: typo-1 ~ workspace variables alert

* fixes: inconsistency in alert info icon

* fixes: naming convention consistency

* fixes: dark theme for confirm box

* disable create button for  add constant with same name,

* adds error state for updating constant with same value

* fixes: error message typo

* fixes: error message typo

* fixes position of tooltip

* fixes frontend lint issues

* update lock file

* UI updates and typos

* cleanup-refactor

* checking error state before creating

* should check all error states

* resolving multiple constants and app variables in a single line

* reafactore

* fixed: depricating icon : codehinter preview box

* remove log

* remove repeated logic for deleteOrgEnvironmentConstant

* only return status code for delete request for org constants

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

* updates contants doc link

---------

Co-authored-by: Ajith KV <ajith.jaban@gmail.com>
2023-08-14 14:28:51 +05:30