Commit Graph

538 Commits

Author SHA1 Message Date
Andrew Kingston 81ec010732 Remove mousedown stop propagation on header cell icon 2023-04-24 17:36:38 +01:00
Andrew Kingston 98ca05d97f Merge pull request #10396 from Budibase/grid-tweaks
Grid tweaks
2023-04-24 16:53:46 +01:00
Andrew Kingston 10e64c0573 Fix a couple of pixel layout issues 2023-04-24 16:23:47 +01:00
Andrew Kingston 975cb867ee Fix showing 1px new row component when no columns exist 2023-04-24 16:14:47 +01:00
Andrew Kingston 4162600950 Remove commented out code 2023-04-24 16:12:25 +01:00
Andrew Kingston 31e0f99910 Lint 2023-04-24 14:55:00 +01:00
Andrew Kingston 6a3fcada9b Add background colour to sticky column to fix error label z-index issue 2023-04-24 13:50:00 +01:00
Andrew Kingston b0ce561383 Update z-index of beta button so that row creation goes on top 2023-04-24 13:47:55 +01:00
Andrew Kingston 357894d556 Fix select all checkbox state being wrong 2023-04-24 13:45:14 +01:00
Andrew Kingston 9594aae29d Update header cell hover cursor 2023-04-24 13:43:11 +01:00
Andrew Kingston 726945ea61 Allow bulk row deletion via keyboard even without a focused cell 2023-04-24 13:07:53 +01:00
Andrew Kingston 59a354e0c5 Simplify new row component logic 2023-04-24 13:06:37 +01:00
Andrew Kingston 3a42949b27 Update new row component icon color 2023-04-24 12:53:17 +01:00
Andrew Kingston 5cbaf2f58a Update new row component to render inline where possible 2023-04-24 12:50:35 +01:00
Andrew Kingston 98430138fe Improve gutter cell usage 2023-04-24 11:36:48 +01:00
Andrew Kingston 5155727b56 Update grid button text and refactor gutter cell into own component 2023-04-24 11:22:03 +01:00
Andrew Kingston 3bbf055401 Improve horizontal scrolling performance 2023-04-24 08:09:18 +01:00
Andrew Kingston 4e128c00f4 Add inline button for creating columns 2023-04-24 07:46:36 +01:00
Andrew Kingston 1edfd3b887 Improve grid keyboard shortcuts and allow sorting by any visible field to fix issues with refreshing data when hiding columns 2023-04-23 13:02:17 +01:00
Andrew Kingston 2972af6711 Update column width button sizes 2023-04-23 12:18:43 +01:00
Andrew Kingston 0eb66e7bc6 Add column width button 2023-04-22 23:18:50 +01:00
Andrew Kingston 0493fb5c03 Add space keybind for selecting rows and allow bulk deleting of rows via keypress when rows are selected 2023-04-22 17:03:56 +01:00
Andrew Kingston ace9bca81d Update textarea focus again 2023-04-22 16:42:26 +01:00
Andrew Kingston 0710a0c951 When focusing textarea cells, ensure the cursor is set to the end rather than the start 2023-04-22 16:41:10 +01:00
Andrew Kingston e54ea6661f Improve keyboard shortcuts for adding rows 2023-04-22 16:40:00 +01:00
Andrew Kingston 61f05492ad Improve new row top component and update new row bottom component 2023-04-22 15:09:49 +01:00
Andrew Kingston 9361c91ad4 Update new row top cell colour 2023-04-21 18:49:28 +01:00
Andrew Kingston 49f5aea19c Update new row top component to fix multiple z-index issues 2023-04-21 18:43:01 +01:00
Andrew Kingston 77406ac183 Improve new row top component and fix style issues with z-index with validation labels 2023-04-21 15:16:11 +01:00
Andrew Kingston ea78f7fede Prevent immediately cell mutation by typing for readonly cells 2023-04-21 11:00:03 +01:00
Andrew Kingston f8a9af2458 Disable pasting for readonly cells 2023-04-21 10:57:45 +01:00
Andrew Kingston aa98cf72f5 Use different background colour for readonly cells 2023-04-21 10:55:27 +01:00
Andrew Kingston b44e6ddea6 Use friendly names in sort dropdown£ 2023-04-21 10:53:05 +01:00
Andrew Kingston be3b2549a5 Use shift instead of ctrl/cmd for horizontal scrolling 2023-04-21 10:49:05 +01:00
Andrew Kingston 4cd5239612 Update relationship cell icon 2023-04-21 10:43:43 +01:00
Andrew Kingston 3e2fcf2f76 Make delete rows button more prominent 2023-04-21 10:38:07 +01:00
Andrew Kingston 574595c0af Remove background colour from header cell for sorted column 2023-04-21 10:27:33 +01:00
Andrew Kingston eabd57d20b Add FAB for adding rows and inline row creation 2023-04-21 10:26:55 +01:00
mike12345567 060dc05afa Removing export all apps functionality from cloud - this was a very niche feature and often confusing, now there is a consistent flow for starting out in self host. 2023-04-20 17:19:17 +01:00
Andrew Kingston 55ce83c444 Grid UI in data section (#10329)
* Add WIP spreadsheet

* Add footer and improve styles

* Refactor to use IDs and support changing text values inline

* Add inline editing of options fields

* Add row deletion and fix sizing

* Add ability to add new rows

* Fix z-index issue with option cells

* Remove deletion notification and fix selection

* Add gap between items in an options cell

* Tweak options cell to be pixel perfect

* Fix padding around sheet not working when scrolling

* Add resizable columns and add support for all themes

* Allow multiselect component and field to support text values

* Generate inclusion schema when importing multiselect columns

* Add support for multiselect type

* Add number cell

* Add functional date cell

* Disable editing autocolumns

* Make sticky column the primary display and fix opening options cells

* Improve display of relationship cell and options cell

* Support empty dates and use CSS variables for easier styling

* Use more CSS variables and add utils to spreadsheets

* Add drag and drop column reordering

* Break out reordering logic into new stores

* Rename reordering to reorder

* Break out other components from spreadsheet for cleaner code

* Break out spreadsheet body into its own component

* Split into more modular components and try virtual rendering

* Test absolute positioning

* Optimise virtual rendering for both columns and rows to handle infinitely large datasets

* Optimise scrolling and virtual rendering performance

* Fix columnn reordering

* Migrate sheet to data section, improve reordering and reszing

* Clean up more sheet state and increase performance

* Fix multiple issues with z-index, reordering and resizing

* Fix date cells in sheets

* Separate data fetching logic from main sheet and tidy up

* Add infinite scroll, improve row fetching, add error handling, fix svelte store updates

* Fix overly thin scrollbars in firefox

* Use nicer checkboxes and fix some hover styles

* Fix issue reordering columns in firefox and increase performance

* Tidy up

* Use search endpoint instead of get endpoint to fetch individual rows so that relationship enrichment occurs

* Tidy up

* Fix relationship issues when creating rows

* Optimise resetting data to smoothly transition when changing datasource

* Add WIP virtual dom implementation to massively increase performance

* Refactor spreadsheet into more discreet components

* Fix multiple issues, clean up rendering, improve performance

* Tune cell sizes

* Fix some scroll issues and add shadow to sticky column

* Fix issue when no primary display is set

* Add padding to sheet

* Improve styles

* Allow reordering columns to be the first column after sticky column

* Fix row hover state not being removed

* Update hovered row on wheel

* Update scroll styles and z-index

* Improve scroll logic and handle horizontal wheel events

* Simplify and improve z index styles

* Fix styles when using no sticky columns

* Improve rendering performance

* Improve performance by removing keyed each blocks and fix reorder target styling

* Ensure scroll top is always properly reset and add config store

* Allow configuring selecting rows and adding rows

* Integrate sheet into data section better

* Add back in functional delete row button

* Refactor stores and make state more modular

* Lint and remove unused deps

* Remove add column button

* Fix options cells being unable to scroll

* Add WIP initial multi-user websocket implementation for sheets

* Add WIP multi-user UI for sheet interface

* Fix issues with not disconnecting users when swapping datasource and improve multi-user UI

* Update layout and remove logging

* WIP column popovers for dataspace sheets

* Add popovers to sheet column headers, improve mouse UX

* Tidy reordering stuff

* Refactor resizing logic into store and improve UX around hover events when resizing/reordering

* Add column sorting and reordering via popover

* Handle context menu events in header cells

* Fully integrates sheets with datasection and remove lots of old stuff

* Fix buttons being highlighted when filters are set

* Add flags for controlling editing and adding rows in sheets

* Count context menu clicks when considering the click outside handler

* Prevent adding rows to users table and remove log

* Expose loading state of sheet and improve column highlighting logic

* Small style updates

* Update delete button and allow horizontal scrolling

* Add context menu to sheets with deletion and duplication features

* Improve UX around selecting rows and cells

* Add basic keyboard interactions to dataspaces

* Improve keyboard navigation in sheets

* Remove unnecessary searching through large rows array

* Fix issue with deleting rows and fix relationship cells displaying undefined

* Improve loading state

* Update menu width

* Merge with new shared-core and moved lucene utils

* Improve rendering performance and simplify component props

* Remove new row component and improve mouse interactions

* Tidy up buttons above sheets and add FAB for adding rows

* Optimise sheet data loading and add sort button

* Update sorting and remove logs

* Add sheet button to control column visibilty, improve sorting, improve disabled states

* Fix bug with select placeholders and fix sorting loops causing endless refreshes

* Update filter button to look consistent and add double click to resize columns to default width

* Ensure all derived stores have default values

* Reset scrolling when datasource changes and fix wasted pagination calls

* Improve performance by removing searches through the full row array

* Add advanced key handling for spreadsheets and improve blur and focus UX

* Ensure the selected cell is always visible

* Add icons for all data types

* Add new long form text cell

* Add boolean cell

* Add ability to focus first cell via tab

* Add cells for formulae and JSON

* Remove console logs

* Add attachment cell

* Increase padding to account for attachment dropdown

* Prevent deleting autocolumns via keyboard

* Fix attachments overflowing

* Improve sort button, remove header more icons unless hovered and highlight sorted column

* Add functional relationship cell

* Improve relationship cell

* Fix race conditions and edge cases in relationship cell

* Update user avatar colours

* Improve preservation of column widths in sheets when making schema changes

* Remove redundant sheet schema context and fix issues with mutating table schema

* Disable websocket in sheets

* Rollback state changes when row saving fails

* Fix one-to-many relationships allowing selecting multiple rows on both sides

* Remove log

* Make sheet gutter width customisable

* Allow expanding rows using existing edit row modal

* Fix text cell not using full width

* Sort columns to put autocolumns last

* Add new footer for adding rows, improve store memoization, support inverting all data types

* Improve animations for adding rows and handle add row failure

* Ensure all sheet feature flags work as expected and fix multi row deletion

* Fix options ordering

* Fix add row button not appearing when horizontal scrollbar is hidden

* Fix selecting newly created rows

* Remove log and add notification when creating or editing columns

* Move new row component to top, automatically invert cell renderers when required

* Add resizable rows

* Fix overlapping long form text borders

* Fix scroll not working in new row

* Update new row component, fix z-index issues, improve UX

* Large refactors to row creation, naming and sheet APIs

* Refactor stores to fix dependency issues, use modals for adding rows, simplify sheet

* Fix resize overlays

* Add custom colors for drop shadows and blue-100 to all themes, fix sticky column shadow

* Increase horizontal padding when scrolling to a selected cell

* Add multiple validation improvements

* Add validation to duplicating rows

* Remove log

* Restore missing event handler

* Improve data fetch reset logic, fix issues with stale cache in spreadsheets

* Fix issue with cell colors, improve row API interactions to avoid relationship issues due to API response differences

* Fix filters not working

* Simplify logic for reordering and add new overlay. Simplify sheet cells

* Fix importing and exporting with sheets

* Fix reorder overlay z-index issue

* Fix issue when no display column exists

* Fix issue with display column not being able to be unset

* Add persitence to column size and order in sheets

* Improve sheet integration with data section and add horizontal cell inversion

* Fix double click resizing of sticky column

* Make column visibility persistent and refactor column updating

* Improve sheet loading states

* Add beta button to sheet, tidy up constants

* Work around table API inconsistencies to handle table schema updates

* Add additional reorder options and improve beta button

* Improve sorting

* Add copy and paste to spreadsheet and add immediate editing of cells without additional click

* Remove copy/paste rows, remove move to start/end, improve copy/paste for cell values

* Fix dependency ordering

* Refactor other sheet stores to improve dependency ordering

* Fix errors not showing in sticky column and clear cell value on backspace press

* Rewrite relationship cell and update default column widths

* Ensure dynamic row height is properly accounted for

* Update text cells, number cells, long form field cells and relationship cells to respect row height

* Fix row heights with sticky column

* Update JSON, boolean and date cells to respect row height

* Update attachment cell to respect row height

* Use unique background for focused cell

* Standardise shadows across cell types

* Persist row height as table metadata

* Improve a few design issues

* Clean up

* Fix relationship cells not being readonly

* Lint

* Fix icon padding in relationship picker

* Improve styles in relationship dropdown

* Update shadow

* Update relationship icons

* Update relationship icons

* Update error label max size and position

* Prevent using invalid data types as display columns

* Add menu option to edit rows in modal

* Prevent sheet handling key events sourcing from modals

* Standardise menu overlay shadow and add count to relationship cells when hovering

* Improve relationship cell performance

* Remove spellcheck from text fields

* Fix resize overlay handler height

* Fix reorder overlay height

* Remove unused code and change selected table faster in data section

* Fix table selection not working when on datasource page

* Improve sheet loading state

* Add rowHeight property to table types

* Restore builder middleware

* Remove any naming of dataspaces

* Lint

* Disable row import button for users table and add optional chaining to spreadsheetsocket invocations to fix tests

* Use unique user edit modal for editing users in sheets

* Add schemaOverrides prop to sheet and use it to customise user table schema

* Update number icon

* Fix primary display column not properly disabling certain menu options

* Merge

* Update beta button position slightly

* Update beta button text

* Fix HMR for custom plugins which was broken due to signed minio links

* Add maze link to grid

* Update koa <> socket.io integation to improve fake koa context and allow current app middleware

* Rename sheet to grid

* Fix menu postiion, fix copy and paste in menu not working

* Remove commented out usages of websocket emissions for grid
2023-04-20 15:56:24 +01:00
Andrew Kingston fe5ab61941 Fix menu postiion, fix copy and paste in menu not working 2023-04-20 08:58:49 +01:00
Andrew Kingston 6bf6d15849 Rename sheet to grid 2023-04-20 08:17:07 +01:00
Andrew Kingston c82451f888 Update koa <> socket.io integation to improve fake koa context and allow current app middleware 2023-04-20 08:02:49 +01:00
Andrew Kingston d3827cdceb Add maze link to grid 2023-04-19 14:28:54 +01:00
Andrew Kingston 8c1d939276 Update beta button text 2023-04-18 21:20:08 +01:00
Andrew Kingston 71de911922 Update beta button position slightly 2023-04-18 21:18:26 +01:00
Andrew Kingston 6d2c928e51 Fix primary display column not properly disabling certain menu options 2023-04-18 14:18:57 +01:00
Andrew Kingston dfd958a08e Update number icon 2023-04-18 14:06:11 +01:00
Andrew Kingston 06e1f2954a Add schemaOverrides prop to sheet and use it to customise user table schema 2023-04-18 13:41:17 +01:00
Andrew Kingston a06f584e7d Use unique user edit modal for editing users in sheets 2023-04-18 13:12:20 +01:00