Commit graph

9 commits

Author SHA1 Message Date
Vijaykant Yadav
fbcfe34d93 fix page menu UI and settings 2024-10-22 17:08:53 +05:30
Kiran Ashok
10c3bb6302
feat: Component design system (#9191)
* test init  :: shadecn , tailwind

* fix :: warnings

* fix :: theming

* fix : theming

* fix : proper styling

* feat :: added base button component

* adding storybook for button

* updates

* netlify node and npm version correction

* completed button styles and configg updates

* adding more storybook controls dark mode etc

* updates

* added storybook to gitignore

* cleanups

* revert changes

* restructured files

* update netlify config

* config change

* build command

* build command

* check

* add toml file in frontend

* updates

* update toml file

* update

* update toml file

* update toml file

* revert few changes , review updates

* loader size fix

* fix : typo

* fix : keep button width same on  loading

* made background as transparent

* cleanup

* revert

* adding prefix

* code structure updation

* removed unused packages

* updated border for buttons

* update : review comments

* replace clsx with classnames

* temp commit for filename change

* temp commit

* reverting name change commits

* fix : auoprefixer warning

---------

Co-authored-by: Adish M <adish.madhu@gmail.com>
2024-06-18 14:54:30 +05:30
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
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
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