Commit graph

56 commits

Author SHA1 Message Date
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
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
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
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
arpitnath
d145aef9fd fixes: component should correctly re-redner 2024-04-09 18:14:14 +05:30
Arpit
54b8303bb8
[wip] appbuilder - performance (#9216)
* performance -init

* fixes: child components getting replaced

* child components should be able to added to target containers

* feat: reduce rerender of Dragcontainer (#9217)

* fixes component crash for height incremental

* clean up

* clean up

* clean up

* removes debouncing of currentState updater

* cleanup

* controls update on components' referenced changed

* fixes: widget crash if references are found

* Reduced the load time by combining the appLoad queries loading state

* Debounced initial currentState updates

* reduce debounced time for updating current state

* clean up

* on events updation, referenced component via source id or csa would undergo a new re-render

* Optimize tab navigation by asynchronously handling  event, reducing UI blockage

* off load updating app suggestions until UI renders

* off load app load an page load event to low priority tasks list, resulting in faster app load

* Added blocking updates to macrotask queue and changed Leftsidebar

* Revert "Merge branch 'feat/grid-appbuilder-improvement' into core-performance/appbuilder"

This reverts commit 2e8374ac31, reversing
changes made to 23a86bfe6e.

* fixes: component -extra re-rendering issue on current state changes.

* fixes: extra re-render for each compoennt dnd updates

* reverting computeComponentState back to autoSave callaback

* Fixed showing default children

* Reverted commit 9b88e9f which causes infinite loop

* Removed debuggerStore & unwanted props

* Added profiler hoc

* Implement batch processing and selective flushing for efficient state… (#9278)

* Implement batch processing and selective flushing for efficient state updates in React components, optimizing performance for large-scale applications.

* clean up

* fix: fixed issues with delay of rerender (#9291)

* fix: fixed issues with delay of rerender

* fix: removed unused logs

* fix: removed unused logs

* fix: removed unused logs

* clean up

---------

Co-authored-by: arpitnath <arpitnath42@gmail.com>

---------

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

* clean up

* Fixed the crash on Form component

* Optimize reference update tracking by sourcing from direct modifications rather than state diff comparisons.

* clean up

* fix: update appdefinition to editorstore in viewert (#9297)

* removing current state deps from editor and processing re-renders. and use new resolver inside components (#9298)

* removing current state deps from editor and processing re-renders. Also use new resolver inside components

* perf: update position before state update on dnd (#9301)

---------

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

---------

Co-authored-by: Johnson Cherian <johnsonc.dev@gmail.com>
Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
2024-04-05 15:19:05 +05:30
Kiran Ashok
c677c964cb
hotfix: Remove restricted height in inputs (#8908)
* fix : when 2 inputs are placed adjacent it should touch each other

* fix : cleanup

* fix : alignment issue in inputs

* fix : alignment issue

* typo

* fix : height for previous components

* fix

* making default text intend to -1px

* fix

* removed resize dependency

* fix
2024-02-26 17:06:39 +05:30
Midhun Kumar E
14f714529e
Add and fix data-cy (#8872) 2024-02-20 21:28:24 +05:30
Kiran Ashok
97de480bed
fix: Integration fixes for inputs ( Alignment issues ) (#8737)
* fix :: bottom resizer not showing

* fix :: issue with auto width not getting applied

* fix :: size diff updated btw dropdown and developed components

* remove default value migration

* update border color , fix for width resize during auto

* make label as a separate component

* updated text input

* updated every input to make it consistent

* make label as a separate component

* removed unwanted code

* fix :: added datacy

* padding fix

* check padding

* updating padding as 0px for none and 1px for default and other

* fixes for maigration and resizer alignment issue

* updates

* size fix

* lint fixes

* fix migration

* text loader fix

* migration for older text component alignment

* fix :: migration and number input arrows

* fix :: custom schema form

* fix :: custom schema for text

* migration for vertically aligning text

* migration update

* changed vertical alignment to center default

* asterisk fix , mozilla number input ui issue

* fix :: icon issue

* fix number input

* bugfix

* remove unwanted code

* fix :: asterisk
2024-02-14 18:14:35 +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
Kiran Ashok
76ca8e577c
review fixes (#8714) 2024-02-08 11:25:46 +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
Kiran Ashok
a7092c6580
Feat :: Reducing no of rerenders due to exposed variables (#7473)
* csa reducing rerenders

* perf optimisation : reducing rerenders for rest of the components

* cleanup

* fix :: child components exposed variables

* fix :: table breaking in subcontainer , review fixes

* fix :: modal bug

* fix :: clear text not working for textarea
2023-12-11 15:11:00 +05:30
Kiran Ashok
06d6ba99ea
Bugfix :: Textinput getting reset on type (#7373)
* fix :: textinput bugs due to csa

* bugfix
2023-09-08 16:43:19 +05:30
Kiran Ashok
aabe7bb492
Feature :: Exposing CSA for child widgets of form and listview (#7142)
* feat :: exposing child widget of form and listview  , removing register action

* feat :: exposing only components and not child items

* fix :: removing value of funcation info

* lint fixes

* reverted

* test commit :: lint fix

* fix :: initial render showing all components

* fix :: data and children values are same

* kanban breaking fix

* fix for exposed variable not being accessible in initial render

* comments

* fix :: all components showing up in inspector during initial render for form and listview widget

* reduce rerenders in button due to exposed vars

* combining useeffects for lesser rerenders

* fix showing of child widgets of list and form in inspector during intial render

* fix :: ui break

* combining useeffects in form

* test commit :: reducing rerenders fromsetexposed variable called multipole time

* fix :: reduce rerenders by combining multiple setExosedvariable calls

* Revert "fix :: reduce rerenders by combining multiple setExosedvariable calls"

This reverts commit 78c9e46944.

* bugfix

* bugfix :: events not firing

* fixes and revertions

* fix :: perf checking for parent in box in case of form and listview

* fix :: initial render bug

* fix :: removed csa functions from listview data key

* fix bugs , actions not working

* fix :: dependencies

* fix :: testing bugs

* tabs:: event firing bug

* fix :: multiselect not firing event

* bugfix ::  multiselect csa not triggering

* fix :: kanban csa

* fix :: table csa , kanban move card

* fix :: bug filepicker csa
2023-09-01 13:55:03 +05:30
Kiran Ashok
402c8878f5
Bugfix :: Validation errors should only be shown once the user has made a change (#7067)
* fix :: show validation error only when user has interacted with the widget

* showing error in textinput only when user unfocuses input

* updating password widget

* show invalid border only on interaction :: password input
2023-08-09 09:09:18 +05:30
Kiran Ashok
4267027465
Bugfix :: Box shadow is getting applied to the surrounding box (#6802)
* feat :: temp commit added box shadow for freq used components

* fix :: box shadow for all components

* cleanup

* review :: changes , sending boz shadow with styles

* fix :: apply box shadow to the item instead of container

* fix :: daterange picker shadows
2023-06-29 15:14:05 +05:30
Midhun Kumar E
33fff5aa8b
Added data-cy to fix DS specs on GitHub actions (#5607)
* Add data-cy for search box

* Add data-cy for query manager components

* Fix data-cy for home page search

* Add data-cy for toggles

* Add data-cy query headers

* Modify data-cy for textinput

* Add data-cy for query list
2023-02-23 08:36:26 +05:30
Midhun Kumar E
633edc7271
Added data-cy for all the components. (#5385)
* Add dataCy Prop

* Add data-cy for all the components

* Add data-cy for all the custom component
2023-01-24 17:22:35 +05:30
Rahul Sunil
14e4593578
Added Background Color to Text Input (#4194)
* Added Background Color to Text Input

* Added Default Value for Background Color

* added default value and make background of text input consistent with the dark theme

Co-authored-by: manishkushare <kushare.manish9@gmail.com>
Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
2022-11-17 15:08:36 +05:30
Manthan Kuber
0aeab09c2a
[Feature] :: Option to customise the error message styles for validations :: [Text input widget] (#4616)
* feat: add error text color property in styles

* feat: add default value to error text color

* fix: lint errors

* Update TextInput.jsx

* Remove errTextColor

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

* add style prop from computed styles

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

* Revert Package Lock changes

* Fixed bug on showing error message

Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
2022-11-17 11:52:09 +05:30
Arpit
c2af1f52e3
eslint fixes for frontend (#4706) 2022-11-03 19:34:37 +05:30
Santosh Bhandari
0c895e2e4e
feat: Add customizable border color for text input component (#4191)
* feat: Add customizable border color for text input component

* Update widgetConfig.js

* chore: Fix linter issues
2022-10-26 10:45:43 +05:30
Midhun Kumar E
b99531da75
- Fixe failing cypress specs. (#4280)
- datepicker Happypath
- listView Happypath
- textInput Happypath
- multiselect Happypath
2022-10-04 13:06:59 +05:30
Manish Kushare
f4f29172f3
Enhancement : [ text input widget ] refactor (#4036)
* added loading, disable, hidden states in the properties

* added onfocus and unfocus events

* added new csa

* added text color prop

* changed placeholder text

* bug fixed

* changed the type of action for visibility,loading and disable  to toggle

* changed the default text color to black

* cleanup code

* reverting change - moving register action back to it's original space, out of useeffect

* removed unwanted loading action

* bug fix: app was crashing due to added array dependencies for blur and focus actions
2022-09-28 17:51:09 +05:30
Sherfin Shamsudeen
4ee35e7eac
Add setState functions of components as dependencies for registerAction (#4120) 2022-09-27 10:55:51 +05:30
Ajith KV
7d89282776
Add happy path spec for Text Input widget (#4029)
* Add and modify data-cy for text input widget

* Add methods and utlis file for text input widget

* Add custom command for code mirror input clear function

* Modify common widget selectors

* Add and modify texts and labels

* Add spec file

* Add review changes
2022-09-23 18:03:05 +05:30
Manish Kushare
b2ef2f272f
bug fixed : Text input widget is not consistent with the dark theme (#3990) 2022-09-12 13:32:58 +05:30
Ajith KV
21e7162665
Cypress test for button widget happy path (#3776)
* Add and modify data-cy attribute for elements

* Modify faker file for random rgba hex code

* Add methods specific for button widget

* Add and modify common selector and text file

* Add and modify common widget methods

* Modify button text file

* Modify button widget happy path file

* Remove button selector file

* Modify multiselect widget happy with new methods

* Modify verify box shadow css method

* Add and modify common selector file

* Modify button text file

* add and modify specific methods for button widget

* Add and modify custom commands

* Add and modify common widget methods

* Add app preview and modify button widget happy path

* Add and modify data-cy attribute for elements

* Modify multiselect widget happy with new methods

* Modify data-cy attributes

* Add review changes

* Add data-cy attribute

* Add review changes

Co-authored-by: arpitnath <arpitnath42@gmail.com>
2022-09-05 14:06:45 +05:30
honoru
a1642ea058
input onEnterPressed event add (#3755)
* input onEnterPressed  event add

* Fire event on the "then" of setExposedVariable

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2022-08-08 16:37:12 +05:30
Manish Kushare
844ef5a81c
added component-specific action to set and clear value (#3487)
* added component-specific action to set and clear value

* updating exposed variable

* updated docs

* update the docs

* set exposed variable to empty string upon clear action using controlled components

* onChange event is fired for the actions
2022-07-15 15:53:35 +05:30
Sherfin Shamsudeen
4bd2fd74d0
Add support for ListView inside ListView (#3454)
* Add support for ListView inside ListView

* Remove unnecessary triggering mechanism for useEffect in ListView

* Remove unnecessary extraProps param
2022-07-02 18:00:30 +05:30
Kiran Ashok
c836d861cf
Border radius style for input widgets (#1972)
* updating File picker
Text input
Text area
DateRangePicker
Datepicker
PasswordInput
NumberInput
TextInput
codeEditor, to include border radius style option

* change to number input

* theme file updated to remove override for border radius

* change to number input

* text input updated with border radius style

* updated with border radius

* date range picker border radius removed

* removing overiding class
2022-01-29 07:06:08 +05:30
Muhsin Shah C P
6923ec8c84
Fixed double-click and selectable problem of text input fields (#1757) 2022-01-09 14:09:49 +05:30
Sherfin Shamsudeen
93287a46cb
Add on change event for text input (#1622) 2021-12-22 12:03:59 +05:30
Arpit
52e0b666f8
Improvement: widget components from existing implementation to the new API (#1470)
* text-input widget

* button widget

* fix text input widget

* number input widget

* checkbox widget

* refactor checkbox

* radio btn widget

* dropdown widget

* refactor textinput and number input

* updated state variable

* Remove usage of component and currentState prop in dropdown

* Reset dropdown value whenever option set is changed

* Make text input respond to changed in its default value property

* Radio button component fix

* default value for number input: fixed

* Fix validation on Text Input component

* Use useState hook to manage value of text input component

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2021-12-14 09:10:42 +05:30
Navaneeth Pk
20cccd1df7
Responsive canvas (#1363)
* Better canvas

* Better canvas

* Better canvas

* Fix for resize

* Fix for drag

* Fix for drag

* Fix for drag

* Adjust width of components by # of grid lines

* Adjust components to comply with gridline based width

* Fix the width of rigth sidebar

* Fix for subcontainer resize issue

* Fix for dropped widget width (sc)

* Fix subcontainer drag width

* Fix grid for sub container

* Fix viewer

* Fix

* Fix

* Use RnD for dragging within canvas

* bounds for subcontainers

* fix for subcontainers

* Fix for mouseover issue

* Fix

* Fix widget widths

* Fixes chart

* Fixes qr scanner and divider

* Remove scaleValue

* Mmerge fix

* Mmerge fix

* Fix for ormconfig

* Fixes for comments

* Add comment where the user clicked

* Disable dragging on viewer

* Max width for canvas

* Fix for widget click events

* Fix for radio button

* Rebase widget width and left offset for responsive canvas

* Fix

* Fix the width of file picker

* Fix for calendar widget

* Disable zoom selector

* Fixes comment positions

* css fixes

* Fix

* Recompute width and offset of subcontainer widgets based on its parent's width

* Calculate container width separately for modal children while migrating to responsive

* Refactor migration to responsive canvas whereinwhich all mutations are done only after all required changes are computed

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
2021-11-16 17:14:09 +05:30
Gandharv
22bce1f4fb
Feature: Collaboration ( realtime comments for canvas ) 🔥 (#810)
* feat: initial commit for collaboration feature

* add dnd to comments

* add positions endpoint

* feat: encapsulate all http common logic in http-client

* segregate sections and transfer responsibility of state

* feat: use-spring to add fade effect 

* fix: open in right

* fix: left-right position css

* add footer for message

* integrate getcomment endpoint

* use fromnow for date ago

* add dnd

* - Add data trasfer object for comment
- Add class-validator package to check the response type from client
- Add comment repository class for persistance layer
- Add comment service with std. http methods
- Update controller with all http methods
- Update comment module
- Fix http-client bug when error is thrown

* fix http client bug when error is thrown

* feat: add entity thread

* feat: add migrations for thread and comment

* update entitites

* add tid to migration

* filter comments by tid(thread_id)

* fix: comment migration, add missing column comment

* feat: integrate in ui

* feat: split comments based on app_id

* fix: dnd to correct position

* package json engines

* engines update

* update npm

* npm 6 to 7

* fix: add user initials to thread

* fix: add firtname lastname to the comments

* - Return user object when save thread called
- Hide password field from user response
- Fix created_at date typo
- Instead of fetch all threads on new thread added, add the response to array of existing threads

* feat: update ui components

* change icon on comments view

* ui fixes

* fix: close icon close the popover

* temp: comment select: false

* use currentUser from localStorage

* fix: on click outside if comment is open, dont hit addThread

* fix: auth token issue in http-client

* on drag hide the comment if open

* add jwt auth

* spec: add test for comment & thread

* cleanup: remove console.log

* feat: add comment actions

* feat: add edit, delete, resolve options

* feat: add mentions component

* feat: add nestjs websockets

* temp

* websocket: establish client-server communication

* ws: add message listner to comments module in ui

* feat: add broadcast method to broadcast new events to all clients 💣

* ws: cleanup 🤙

* fix: remove max height from comment actions

* feat: add user mentions, emoji support

* fix: add static list of users - temp

* update and delete iterations

* - Rename comment, thread to comments, threads
- Add conditional actions
  - Show edit, delete only if he is comment owner
  - Show resolve only if he is thread owner

* reset engines

* move svgr webpack to deps

* fix: ui issues

* remove log stmt

* refactor: move resolved icon to comment-header

* feat: allow comments to be added on top of widgets

* feat: add keyboard shortcut

* scroll to bottom on comment add

* ui fixes

* feat: add react toast for notification display

* feat: add comment badge

* fix: ws connection

* fix: ws

* remove rvrse

* feat: add comment sidebar

* feat: add comment right sidebar

* fix: add missing foreign key elements

* - upgrade typeorm to 0.2.38
- comment sidebar ui
- added filter ui

* feat: on click of right sidebar notificaiton open the comment box

* reset engines

* fix: add organization id to the comment and thread module

* fix: add current version id

* add currentversion id

* disable comments if no id present

* temp:checking for heroku deploy

* fetch app on edit and deploy version

* rename current_version_id to app_versions_id

* ui fixes

* show mentioned user in blue color

* add ui changes

* add authorization for create thread

* change color to blue on click of comment, add auth for other endpoints of thread

* update threads, notifications using socket

* add auth for comments

* remove events spec file

* fix duplicate key error

* fix notificaitons updation on edit, delete, resolve buttons clicked

* update notifications for edit

* feature toggle changes for frontend

* add check for comments server

* add emoji mart package for emoji

* add reply count in comment sidebar

* subtract 1 from count in comment sidebar

* change empty text when no comments available
2021-11-01 12:58:03 +05:30
Sherfin Shamsudeen
9a8ca9d754
Feature/refactor widget property resolution (#995)
* Make widget properties available as a prop to component

This commit also make the front-end app resolve widget properties
based on current state and definition, before passing in the final
resolved properties to the component

* Resolve unnecessary console.log and comments

* Provide styles as prop to component

* Give existing values precedence over definition values

* Serve properties and variables as separate props to components

* Remove the usage of separate directory for Box.jsx

* Remove unnecessary lint change

* Introduce fireEvent method to fire events

* Introduce validate function to validate a widgets value

* Rename "variables" to "exposedVariables"

* Add documentation for props and functions being passed to widgets

* Delete "id" from set of exposed variables presented to the widget

* Do not resolve exposed variables before passing to widget
2021-10-20 07:50:45 +05:30
Arpit
26c9cc655c
Fix linting errors across the app (#785)
* eslint-setup: rules for frontend and server

* setup pre-commit:hook

* frontend:eslint fixes

* frontend eslint errors and warning fixed

* eslint:fix for ./server

* fix server/test: expectatin string lint/error

* pre-commit:updated

* removed unwanted install cmd from docker file

* recommended settings and extension for vscode

* husky prepare script added

* updated extension recommendations

* added prettier as recommended extension

* added pre-commit to package.json

* remove .prettierrc file

* resolve changes

* resolve changes
2021-09-21 19:18:28 +05:30
Gandharv
1587321f4a
Feature: show errors in codehinter previews (#765)
* add error to suggestion box in codehinter

* rename variable to withError
2021-09-16 17:31:22 +05:30
Arpit
48bcfdd47f
Feature: default values for text/number inputs (#736)
* Order of state computation

* default values for textInput and numberInput widgets

* number input value should be an integer

Co-authored-by: navaneeth <navaneethpk@outlook.com>
2021-09-13 23:34:07 +05:30
Navaneeth Pk
3a09f40e35
Validation props for widgets (#700) 2021-09-07 10:41:57 +05:30
Navaneeth Pk
8fd05bd779
Add validation for dropdowns (#696)
* Validation for dropdowns

* fix

* fix

* fix
2021-09-06 20:02:09 +05:30
Navaneeth Pk
b12cc7f309
Input validation for widgets (#693)
* Validations

* Fix

* Validation for table cells

* fix
2021-09-06 14:20:38 +05:30
Arpit
67ca8f1461
Feature: disable widgets (#653)
* widgets can be disabled

* removed whitespace

* move to styles definitions

* default values fixed with nullish operator

* proper data attributes

* generic resolver function for widget value

* renamed the style property
2021-09-02 19:41:59 +05:30
Sherfin Shamsudeen
61d612ed64
Bugfix/component editing inside container (#641)
* Add support for editing and deleting components inside container

* Dont allow config handle click event to propagate

* Supply removeComponent method for Container component
2021-08-30 18:53:58 +05:30
Arpit
7f9f9cb418
backward compatibility for visibility (#640)
* show or hide widgets

* backward compatibility for visibility
2021-08-30 18:21:09 +05:30