* 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>
* added property to align the column horizontally
* Revert "added property to align the column horizontally"
This reverts commit fc5e54fb43.
* added horizontal alignment property to each column to set the horizontal alignment
* added text alignment for the input element as well
* handled alignment for few elements such as datepicker,tags,radio as well
* code enhancement
* handeld edge case
* handled edge cases
* updated default case to ensure that any unexpected values return a defined value.
* removed unwanted code and code enhancement
* fixed horizontal alignment of textarea according to column alignment
* made link column alignment consistent with the horizontal alignment for the same column
* adjusted horizontal alignment for image column type
* style: Store pinned state of left sidebar tabs in localstorgae to persist across refresh
* style: Fixed popover width. Add scroll for canvas so for user view to remain same when popover is open
* feat: added horizontal scrollbar for canvas when sidebar popup is open
* feat: added logic to calculate canvas height on resize
* feat: prevent flickering of popover when switching tabs
* style: made modal width and position inside canvas relative to canvas container positon
* fix: removed extra offset added to the dragged element placeholder.
* fix: hide extra scroll bar added when dragging new component to canvas
* fix: hide canvas scrollbar on dragging of new component
* fix: removed extra margin to main container
* fix: fixed canvas alignment when mobile screen is selected
* fix: revert the debugger error notification badge behaviour
* fix: fixed width issue for old apps
* fix: fixed issue with width when user set max width in %
* fix: resolved conflicts in style file
* fix: fixed whitespace issue in large screen
* Update frontend/src/Editor/LeftSidebar/index.jsx
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* Update frontend/src/Editor/LeftSidebar/index.jsx
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* Update frontend/src/Editor/LeftSidebar/index.jsx
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* Update frontend/src/Editor/LeftSidebar/index.jsx
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* refactor: removed unnecessory rerendering of Editor component
* perf: unsubscribe to querypanelstore on unmount of editor component
* perf: rerender editor only when query panel resizing over
* refactor: removed unused logs
* Update frontend/src/Editor/Editor.jsx
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* Update frontend/src/Editor/Editor.jsx
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* fix: added style to hide extrascrollbar in macbook screens when mouse connected
---------
Co-authored-by: Johnson Cherian <johnsoncherian@Johnsons-MacBook-Pro.local>
Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
* Add routes for multi-page apps
* Modify Editor, Viewer and Inspector to accept new app structure
* Show a page selector on left side bar
* Align component deletion logic with new app schema
* Make subcontainer work with multi-page apps
* Load components state properly in viewer
* Use UUID instead of handle for pages
* Display sidebar on viewer to switch pages
* Add proper URL suffixing for pages in viewer
* Add action to switch page
* Revert translation file back to its pre-existing linting
* Fix bug that caused modal to not open/close
* Add support for query params in page switch
* Fix the issue that caused navigation to fail while accessed via slug
* Add missing SwitchPage file
* Add support for page level variables
* Add migration to convert existing apps to new schema
* Add rollback for converting multi-page definitions back to single-page
* Fix migration for multi-page apps
* Adapt import/export service for multi-pages
* [improvements] Multi-page applications (#4755)
* UI updates for page selector popup card
* delete page
* delete page check: if only one page exits
* switch to home page if the selected page is removed
* adds and switch to new page
* updating page name
* updates to home page and starting page
* handle updating the home page when home page is deleted
* search box for filtering pages and minor style updates for the page handler card
* header search box style fixes
* for creating a new page, page handle needs to be unique
* seperating into smaller components
* updated pinned icon for page selector styles and settinf styles
* Leftsidebar header ui component
* handle dark theme
* page handle ui and dark theme fixes for page menu
* page handler edit modal
* pinned state and update pinned state for menu options triggered
* dark theme fixes for edit modal
* handle on update should not be empty or prev
* page handler updater
* added loading state for saving
* handles cancels
* fixes slug ui
* fixes crash for older app versions
* updates the query params when handle gets an update
* update homePage to homePageId
* removes console.log
* go back to the popover for modal close
* fixes: Difficult to select page
* fixes: Difficult to select the three-dot menu
* fixes: on visiting the root url, navigate to homepage on viewer
* adds tooltip for url
* updates the page selector sidebar with sync with query manager
* refactor and cleanup
* refactor and cleanup
* Compute component state when page is switched
* modal should not close on click outside
* disable save button if there is not change in the page handle input
* should show/hide page menu when hovered
* page icon
* updates delete icon for disabled state
* query manager should always be on top of page selector
* checks if homePage key exists in pages def
* updates page handler menu
* updates the clear icon
* page handler menu position
* page handler menu position
* handle icon
* alert msg
* global settings handler for updating viewer page navigation
* show/hode page navigation for viewer
* info text for toggle
* Multipages:with sortable list [DnD] (#4783)
* applied sortable list
* on sort updates the definitions
* fixies: app crash for dnd
* viwer: canvas width should be 100% when navigation drawer is disbaled
* fixes: homepage/startpage reload
* clean up
Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
* Multipage UI viewer (#4801)
* new ui changes for viewer pages
* fixes postions for debugger and datasources popover
* removes console.log
* Multipage : hide page and unhide page feature (#4803)
* adds: ability to hide pages
* hides pages in viewer
* unhide page
* hide icon
* allow accessing hidden pages from url
* add: duplicate page (#4802)
* add: duplicate page
* do not copy the same references from the original page
* page name and page handler should be unique for duplicate pages too
* Add support for on-page-load events
* Add icon from page settings menu item
* Convert existing templates to multi-page schema
* error logs for page level and app level errors (#4842)
* Adapt comments feature for multi-pages
* [Bugfix] multipage - page menu interactions (#4844)
* fixes: menu popup interaction
* fixes: on modal input focus, we switch the page
* Adapt multi-player to multi-pages
* Add editingPageId to ymap
* Log self, others and editor props in real-time avatar generation
* Save editing page id to appDef
* Add editingPageId to presence in RealtimeCursors
* adds no results ui for empty search results (#4869)
* page icon updated (#4870)
* fixes:Version switching crashes if the target version does not contain the current page (#4868)
* Remove unnecessary setting of editingPageId on ymap
* Remove unnecessary console.log
* [Bugfix] Multipages: widget inspector event popover unmounts (#4887)
* introduced a local state for events
* cleaned up inspector.jsx
* fixes: table widget inspector event accordion
* Do not run switchPage twice when viewer is loaded
* Preview should open the currently editing page
* Properly place navigation and canvas in viewer
* Update app definition whenever event manager changes are made
* Add support for browser back and forward button in multi-pages
* Rename handleBackButton to handlePageSwitchingBasedOnURLparam
* Add support for cut/copy/paste and clone
* Fix the crash caused by boxShadow
* Add support for background colors in viewer in multi-pages
* Run queries to be run on load on viewer, in multi-pages
* Fix issue that caused inspector popovers to collapse
* resolves workspace vars in viewer mode (#4892)
* Multipage : Navigation for Mobile-ui (#4814)
* refactored to components
* burger menu for mobile ui
* merge conflict fix for hidden pages
* hamburger menu positioned in the header
* viewer header reafctored
* viewer mobile page manu styles
* handles dark theme
* mobile menu with dark mode toggle in the footer
* components are moved to page level, handle for mobile layout
* style fixes
* removing unwanted code block
* dark theme fixes
* style fixes
* fixes: events are sortable (#4895)
* fixes: events are sortable
* Remove uneccesarily repeated call of setEvents in EventManager
Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
* renamed settings to Event handlers (#4898)
* updates the page setting title to Page Events
* temp commit
* Add support for setting max width in percentage
* fixes: paramUpdates for boxes: 🙌🏻
* [Bugfix] Multipage - viewer canvas dark theme (#4897)
* fixes: darktheme bg for viewer canvas
* reverts canvas size
* Fix for inspector bouncing back to previous values
* resolves pages variables in pythong and js transformation (#4905)
* csa support to event manager for pages (#4907)
* Add support for setting canvas width in percentages
* Persist page level variables across page switches
* latest definitions is merged with the current appdef (#4914)
* latest definitions is merged with the current appdef
* mutating the local obj
* cleanup
* iterate through pages for new versions are created
Co-authored-by: Arpit <arpitnath42@gmail.com>
* bug fixed : file picker is not consistent with the dark theme
* bug fixed : Map widget is not consistent with the dark theme
* bug fixed : Steps widget is not consistent with the dark theme
* bug fixed : Multi select widget label is not consistent with the dark theme
* bug fixed : search bar in widget manager and label params in Code Hinter is not consistent with the dark theme
* removed unwanted comma in the chart inspector
* bug fix : app dropdown inside go to app in event manager is not consistent with the dark theme
* bug fixed : search select dropdown is not consistent with the dark theme in table inspector
* bug fixed : Organization and Profile avatar in HomePage is not consistent with the dark theme
* bug fixed : search box in the homepage is not consistent with the dark theme
* bug fixed : select dropdown input placeholder is not consistent with the dark theme
* bug fixed :Text area in the Modal to Share the app link is not consistent with the dark theme
* bug fixed : p tag in pagination in the homepage is not consistent with the dark theme
* replaced undefined to false as default value of darkMode if not defined
* bug fixed : multiselect input placeholder is not consistent with the dark theme
* removed duplicate code from custom.scss and changed rgb to hex in theme.scss
* Feature : Color picker
* added border to the widget,handled theme changes, positioned color picker
* updated widget icon
* Bug fixed : color picker pop-up vanishes, if we don't manoeuvre the cursor surgically.
* changed default color type to color
* fixed bug: app getting crashed for undefined default value, if default value is not valid hex color code, widget will show invalid color instead of crashing
* removed highlighting invalid color with redcolor, for invalid color set exposed values to undefined
* fix: striped table when element selected is text
* fix: when column type is dropdown fix ui
* fix: when category-type is multiselect
* fix: make overflow-x scroll so that more radio buttons can fit
* fix: when column is editable fix styles
* add text styles: additional
* fix: datepicker + striped table
* multicursor trick if to switch - witchcraft
* fix: add array check in tags component
* fix: action buttons
* merge badge and badges case
* change overflow x to initial - temporary
* fix conflict
* add padding left, right
* Update frontend/src/Editor/Components/Table/Table.jsx
Co-authored-by: Sherfin Shamsudeen <sherfin@tooljet.io>
* increase min height from 35 -> 55
Co-authored-by: Sherfin Shamsudeen <sherfin@tooljet.io>
* 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
