Commit graph

213 commits

Author SHA1 Message Date
Manish Kushare
ca83083c3d
Using tab to navigate through editable cells on the table (#6665)
* navigate through editable cells with tab key

* bug fixed, not able to navigate through the text cell type

* reverting unwanted changes

* auto focus

* handled edge cases

* handled edge case where at some instances on press of tab key, we are not able to focus in the cell

* removed unwanted code

* focusing on next column on press of tab key from datepicker column

* focus on tab element
2023-07-21 11:21:34 +05:30
Manish Kushare
185d8d7250
Default row selection in table on page reload (#6619)
* feature added to pre-select the row

* pre select the row by default

* fixed : The default selected row is not highlighted

fixed: Debugger throws an error if I pass an object but checked the code on Table.jsx and seems like it uses an object to select the row

fixed: It should be enabled only when rowSelection is TRUE

* supporting backward compatibility

* conditionally controlling the accessibility of defaultSelectedRow prop in the table inspector based on allowSelection value

* handled edge case when bulk selection is on while performing pre selection of a row

* added backward compatibility
2023-07-21 11:08:39 +05:30
Manish Kushare
b1af7af839
Feature added to introduce Link column type in table (#6961)
* added feature to render Link element in table component

* code and logic enhancement

* bug fixed href is not updating

* removing href property
2023-07-20 14:57:39 +05:30
Manish Kushare
c276b6fb1e
Add support for one level of nested data in the table component (#6489)
* supporting one level of nested data and auto generating column for the same

* bug fixed

* proper functionality of add new row for nested data

* refactored

* simplified the utility function name and made suggested changes
2023-07-19 10:13:37 +05:30
Kavin Venkatachalam
d8726c5961
Merge pull request #6896 from ToolJet/appbuilder-1.1
Merge appbuilder 1.1 changes to develop
2023-07-03 17:20:57 +05:30
Manish Kushare
9051aa6328
Avoiding event propagation for cell consisting input element in table to avoid unintentional row selection while editing cell values (#6852)
* avoid event propogation in the cell with input element in table

* code enhancement

* refactored the code
2023-07-03 13:10:16 +05:30
Manish Kushare
b5e3a82804
exposed the selected cell value in the inspector (#6452) 2023-07-03 13:09:14 +05:30
Manish Kushare
4ed8e75009
[ hotfix ] Bug fixed, not able to edit column type text when action button is present in the row in the table component (#6820)
* not able to edit text column when action button is present in the row

* version bump
2023-06-30 16:05:12 +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
Manish Kushare
05516a1d7d
showing page 1 of 1 when no data is available in the table for client side pagination (#6718) 2023-06-29 15:09:30 +05:30
Manish Kushare
6e4ebeb679
bug fixed : changeSet getting updated without changing the value in the table (#6729)
* bug fixed : changeSet getting updated without changing the value in text column type

* removed unwanted condition check
2023-06-29 15:08:45 +05:30
Manish Kushare
f7558980e4
allowing duplicate titles in the exported data (#6618) 2023-06-29 15:08:05 +05:30
Manish Kushare
afe84e7bac
Csa for deselect row is not working when bulk selection is toggled on (#6783)
* bug fixed

* bug fixed
2023-06-20 13:59:38 +05:30
Manish Kushare
01c690aac6
made onCellValueChanged event to be fired upon change in cell value (#6788) 2023-06-20 13:59:11 +05:30
Manish Kushare
eac3b7c33e
removed selection key from newRows exposed variable in th table (#6693) 2023-06-15 13:30:57 +05:30
Manish Kushare
12c14b3e4f
Added toggle switch for visibility of "Add new row" button in table component (#6374)
* controlling add new row button visibility

* fixed backward compatibility issue for new prop show add new row button

* removed unwanted code
2023-06-08 17:53:47 +05:30
Manish Kushare
cc93bd0a63
Added feature to toggle the visibility of columns programmatically (#6325)
* added feature to toggle the visibilty of columns programatically

* made the requested changes
2023-06-08 10:44:20 +05:30
Manish Kushare
cf64f9df5a
Row selection revamp (#6436)
* row selection revamp version 2

* enable highlighting a row upon clicking action button

* added support to unselect the selected row

* bug fixed : discard selectedFlatRows when highlightrow ,allowSelection or bulk selection is toggled

* made row selection backward compatible

* made suggested changes

* bug fixed : row is not getting unselected in the UI

* removed repeated/unwanted code
2023-06-08 10:41:58 +05:30
Manish Kushare
254079e530
Added feature to download table data using component specific actions (#6132)
* added feature to download table data using csa

* avoided popover getting closed after selcting downlaod format from select component

generalise the classname in codeHinter

removed important key in css

* bug fixed : column was not populating upon change in data when downloading table data with csa

* avoiding programatically choosing download type in table download csa

* made the requested changes

* made utility function for onChange and value of control specific actions to avoid duplications
2023-05-30 09:21:57 +05:30
Manish Kushare
e8c7244e50
fixed vertical alignment issue for cell in table whose column type are action button, multiselect,datepicker (#6356) 2023-05-30 09:18:14 +05:30
Manish Kushare
2b5a748682
Upon saving the edited changes in the table, it is not mutating query object (#5784)
* bug fixed: Table edit and save changing the referenced data

* bug fixed : upon changing the data to the Table, component still persists previous data if it has been updated before

* when table is edited, and its reference data is changed, it does not show new data rather persists updated data

* removing unused code

* code refactor

* bug fixed: upon click on save changes,updatedData exposed var is getting reset
2023-05-10 14:53:56 +05:30
Kiran Ashok
76bd934b60
Bugfix :: Dropdown and multiselect broken in table widget (#6025)
* fix :: bug in select dropdown table

* fix :: multiselect in table dark mode bug
2023-05-10 11:11:00 +05:30
Kavin Venkatachalam
83deef37ef
Fixed bug on table date column sort (#6119) 2023-04-27 13:47:02 +05:30
Manish Kushare
55c1d5a31b
Added feature to add new rows in the table (#5954)
* initial commit

* design the UI to add new row

* added logic to add and discard single row

* added csa to discard newly added row

* added feature to add and discard multiple rows

* added a dot to the icon of add new row to determine if the new rows is still not saved or discarded

* discard rows added csa bug fixed

* fixing the horizontal spacing issue inside the cell

* changing the default height of the table widget to make sure filter and add new rows pop-up windows footer is visible upfront

* made suggested text and spacing changes

* fixed spacing for add another row button

* fixed es lint issue

* bug fixed added missing return statement

* changed the exposedVariable name to newRows for adding new rows

some text and style changes for button

* fixed tooltip issue for adding new rows button

* avoided deleting new row added immediately after clicking on save button

* handled edge case if data url is chnaged in between add new row operation

* simplified the code in AddNewRowComponent.jsx

* docs: updated table doc with ui options

* Fixed bug on adding different column types

* Update docs/docs/widgets/table.md

---------

Co-authored-by: Shubhendra <withshubh@gmail.com>
Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
2023-04-21 15:42:48 +05:30
Midhun G S
963a7130bc
Merge pull request #6073 from ToolJet/main
Merge Main to Develop
2023-04-19 21:40:27 +05:30
Kavin Venkatachalam
f2318dd1b4
Added date sorting on table widget (#6055)
* Added date sorting on table widget

* Fixed picking the right field on date sorting
2023-04-19 14:53:28 +05:30
Arpit
117d74b720
Chore: eslint checkup (#5887)
* updates eslint configs: frontend, marketplace

* eslint fixes: frontend

* added note for eslint

---------

Co-authored-by: Shubhendra <withshubh@gmail.com>
2023-04-10 11:26:23 +05:30
Kavin Venkatachalam
d6a8551cfa
Fixes for integration issues (#5857)
* Fixed issue while running multiple quesries on app load

* Fixed event propogation issue from modal

* Fixed fx value on dynamic column in table

* Fixed routing issue

* Fixed Kanban empty data issue
2023-03-29 15:38:33 +05:30
Kavin Venkatachalam
0c6419464a
Added dynamic column support in table widget (#5792)
* Created dynamic column in table widget

* Added column data field in table inspector

* Fixed generating previous dynamic column when dynamic column toggle is turned off

* Updated logic to display dynamic column

* Fixed issues on editable & updated logic

* Fixed issue on displaying dynamic column in viewer
2023-03-28 16:25:23 +05:30
Manish Kushare
b56d6b0e0e
added feature to change the column name dynamically in the Table component (#5795)
* added feature to change the column name dynamically

* code refactored

* made the chnages to avoid app crashing if column key is defined

* bug fixed: column.accessor is not a function error

* bug fixed

* bug fixed if column name is empty then provide empty string
2023-03-27 14:21:08 +05:30
Manish Kushare
96bb6df1e9
Added Disable Field on Action Button in Table Widget (#5474)
* added functional changes to support enabling/disabling action button in the table component

* designed UI

* minor changes

* added disable property for the action button

* minor changes

* added feature to disable/enable action button in the table widget

* fixed lint issues

* bug fixed : not able to programatically disable or enable action button based on fx value

* made the suggested changes

* bug fixed

* initial commit

* made action button programatcially enabled/disabled

* code enhancement

* removed console in actions file

* fixed es lint issue

* made default value of codehinter to false

* deep cloned current state instead of shallow cloning

* code enhancement

* code enhancement

* action button doc update

---------

Co-authored-by: Shubhendra <withshubh@gmail.com>
2023-03-27 14:08:49 +05:30
Manish Kushare
e7a62d9ee9
Added feature to programatically enable/disable, the make editable field in the tables column (#5767)
* made editable programtical using fx

* updated doc for programmatically enabling the editable option in column

---------

Co-authored-by: Shubhendra <withshubh@gmail.com>
2023-03-24 20:07:57 +05:30
Manish Kushare
e3d4ef82f6
Columns multiple badge and badges dropdown should have proper width in table component (#5760)
* set min and max width of the custom select dropdown in th table widget

* Removed unwanted console

---------

Co-authored-by: Kavin Venkatachalam <kavin.saratha@gmail.com>
2023-03-22 15:50:21 +05:30
Kavin Venkatachalam
4c94de899d
Updated React to 18.2.0 (#5555)
* updated react to 18.2.0

* Updated Frontend Packages (#5569)

* Updated tabler icon and fixed react hot keys issue

* Fixed vulnerabilities

* Updated dom purify and yjs

* Reverted Eslint update

* React-big-calendar update

* Updated and fixed changes related to react-bootstrap

* Updated eslint package

* Fixes react-select-search ui

* Updated packages in root

* Updated & Fixed React-tooltip changes

* Updated and fixed changes related to react-router-dom

* Fixed copyToClipboard bug on usersTable

* Fixed folder popover issue and comment issue

* Fixed flickering issue on Editor

* Fixed routing and dark mode bugs

* Fixed app crash on page options click

* Fixed SVG issues in data sources

* Fixed calendar widget crash

* Fixed popover issue in table

* Fixed dark mode issue on react-select-search

* Fixed popover issue in tooljetdb table

* Fixed popover issue in pages

* Fixed search bar crash

* Fixes dark mode issue on react-select-search

* Resolved conflicts
2023-03-20 17:04:24 +05:30
Manish Kushare
64a81c062b
bug fixed, app is getting crashed upon clicking columns in the table inspector for the widget inside listview (#5656)
* bug fixed: app is getting crashed upon clicking columns in the table inspector for the widget inside listview

* bug fixed: not able to edit new added column and not able to see valdiation errors

* code enhancement
2023-03-02 11:50:27 +05:30
Manish Kushare
f97067e303
[ Feature request ] : [ Table ] Added feature to highlight a word in the column if matched with searched term (#5413)
* init

* added feature to highlight the cell if it's value matches with searched tern

* reverting the unwanted changes

* removed unwanted changes

* added edge case for isEditable on click event

* minor bug fixes

* made changes to fix the edge case

* bug fixed: action button was not displaying in the column
2023-02-23 12:05:29 +05:30
Manish Kushare
5d7a5cd565
bug fixed: Unable to set a toggle switch column to false when initiated to true (#5470) 2023-02-16 11:08:43 +05:30
Midhun Kumar E
2af995f8d7
Added data-cy for multipage elements (#5557)
* Modify data-cy for table

* Add data-cy for page rename elements

* Add data-cy for search on sidepanel

* Add data-cy for pagehandle elements

* Add data-cy for page events elements

* Add data-cy for options, icons and modal
2023-02-14 15:40:59 +05:30
Manish Kushare
94f68039cb
[ Bug fixed ] : [ Table ] When column name is changes, particular column data becomes empty when downloaded (#5479)
* bug fixed :when column name is changes, particular column data becomes empty when downloaded

* bug fixed

* refactored the code to improve readability by changing reduce function to map function
2023-02-07 12:59:33 +05:30
Manish Kushare
f3965da73c
[ Bug fixed ] - [ Table widget ] showing blank spaces for undefined and null values in the respective cells (#5368)
* bug fixed - shwowing blank spaces for undefined and null values in the respective cells

* removed the condition for string undefined and null edge case
2023-01-25 18:02:13 +05:30
Manish Kushare
b88c50eca6
[ Feature added ] : [Table widget ] adding CSA to deselect the row (#5320)
* feature add: un select the selected row using csa

* adding age case if wrong key and value is provided while un selecting selecetd row, then show alert message and do nothing

* made the suggested changes

* added csa action to discard the changes

* update the changes rquested
2023-01-24 20:43:16 +05:30
Arpit
76e795d22a
fixes: Boolean data is not visible in the table widget (#5245) 2023-01-09 14:15:57 +05:30
Manish Kushare
55acd6c4d9
[ Bug fixed ] : select custom component styles not getting applied in query manager (#5128)
* bug fixed : select custom component styles not getting applied in query manager

* bug fix : not able to custom style select component

* fixed: Operation dropdown options are not fully visible.
2023-01-03 17:12:43 +05:30
Sherfin Shamsudeen
d6a72b50bd Merge develop to v2-beta 2022-12-27 20:10:33 +05:30
Kiran Ashok
136597fc72
fix :: bulk selection function in table column hide dropdown (#4799) 2022-12-07 13:56:18 +05:30
Kiran Ashok
f631d1a5a0
Option to toggle display of column hide ::[ Table widget ] (#4831)
* feat :: table hide property

* name change

* name update

* name update

* latest

* name change

* typo fix

* fix
2022-12-05 16:53:57 +05:30
Kiran Ashok
a520cb30a8
Feature :: SelectRow CSA :: [ Table ] (#4591)
* feat :: prototyping selectrow csa

* fix :: bug

* removed :: logs

* bugfix :: page does not contain whole data changed to rows

* fix :: for table inside modal

* fix:: csa not working for table inside modal

* fix :: table csa in modal

* fix :: multiple event params
2022-12-05 16:49:47 +05:30
Midhun Kumar E
1ea2b1b305
Test/add data cy for table column options (#4828)
* Add data-cy for Colum edit options

* minor data-cy changes.

* Modify the data-cy of custom rule
2022-11-29 17:14:52 +05:30
Midhun Kumar E
1b270ab412
Added data-cy for table widget elements (#4792)
* Add data-cy to tooltip label

* Add data-cy to table filter pop-over

* Add data-cy to table elements

* Add review changes
2022-11-18 09:16:19 +05:30
Akarsh Jain
99842877b4
fix: Dark mode on table's Striped and Striped & Bordered table type mode (#4611) 2022-11-17 17:57:05 +05:30