- InputField component: handle our own number inputs when type="number" as opposed to relying on the html input elements 'number' type. This is a a breaking change since:
- Using the scrollwheel to change number inputs is no longer supported
- decimalPlaces defaults to 2 for number type inputs if user does not specify a a custom value
Typeahead component, TypeaheadTable component, useSearch hook have all been removed from the package.
- Communicate whether the AddressUtility is curently 'active' (i.e. the dialog is open) up to its redux container, such that the container only runs the onCreateSuccess function if the dialog is actually open. This hopefully fixes an obscure bug where, if multiple AddressUtility's were being rendered on one page, the onCreateSuccess of the first instance ALWAYS fires regardless of which instance the user was interacting with. This occurs since all instances share the same piece of redux state - its a new address appearing in that piece of redux state that triggers the onCreateSuccess action, which isn't tied to a specific instance of the AddressUtility. This new code essentially forces it to be the case that only one AddressUtility is ever in an 'active' state to hopefully sidestep this nasty bug. This is a breaking change for any clients using the AddressUtility outwith the container, since it no longer handles its own open/closed state (now accepts isActive and setIsActive props to manage this state.)
- Add optional title string prop to the page component, to allow easily setting the pages title (i.e. the thing that will appear in the browser tab). Also supports an optional additional defaultAppTitle string prop, which will be reverted to when the component unmounts (if passed)
- Add extra optional 'listFieldName' to collectionStoreFactory, to allow reducers it returns to cope with responses, i.e. the payload.data of the RECEIVE_... action, that are not straight lists. I.e. they are objects, where the array containing the data of interest lives at payload.data[listFieldName]
- Add PermissionIndicator - standard indicator as to whether the user has permission for current page.
- Add onFileSelect function prop to FileUploader, to allow file specifics (name etc) to be passed to parent components for use.
- Add datePickerProps to DatePicker to allow passing props through to mui datepicker.
- Export the Navigation presentational component as 'NavigationUI'. Currently only the container is exported as 'Navigation', which contains all of the data-fetching/redux logic.
- Rework the AddressUtility to handle looking up existing addresses as well as creating new ones. Now also handles its own Dialog open/closed state, and seperates the redux data fetching container from the presentational component to allow it to be reusable in future apps that might not use redux.
- Add putByHref action to UpdateApiActions to allow PUT-ting to an arbitrary endpoint
- Allow passing fullwidth prop to the InputField of the Search component
- Added new ConfirmDialog component
- Datepicker component - tidy up, handle cases where no min/maxDate props are passed, add some documentation
- fix Search component docs display bug
- Add optional display chips to Search components results
- Add showBackButton prop to SaveBackCancelButtons to optionally not show the back button
- Add optional oidc access token auth header to the request submitted by the ExportButton, to allow it to access protected resources
- Revert query string to before they made the package pure ESM to avoid test failures for now
- Make usePreviousNextNavigation hook still return the currentResult when there is only one search result
- Various npm package updates
- Revert package-lock updates that seemed to break storybook
- Additionally return the id of the 'current' result from the usePrevNextNavigation() hook
- Added new disabled prop to PrevNextButtons component
- Added new PrevNextButtons component and corresponding usePreviousNextNavigation hook.
- fix InputField and Search component autoFocus bugs that resulted from visibility of componenets - you can't autoFocus an input that's invisible which is the case when, for example, the input is in a modal that is currently closed - so needed some way to track the visibility of the input to implement the correct autoFocus behaviour.
- add autofocus prop to Search component
- Updated version number as NPM ENV variable and Circle SSH keys were regenerated
- Add display of report attributes (text-colour, text-weight, background-colour)
- removed deprecated stuff: useTablePagination, PaginatedTable, paginationStoreFactory, TableWithInlineEditing, ValidatedInputDialog, GroupEditTable, SingleEditTable, useGroupEditTable
- added onErrorStateChange function prop to InputField to allow it to communicate error state to parent
- added new Search component. See the docs!
- Add Address Utility
- Add Address Utility
- InputField - error state if max length exceeded
- Upgrade react router to v6
- Upgrade react to v18
- Use mui-x DatePickers
- Add disabled bool prop to ExportButton
- Add optional showRowCount prop to ReportTable to display number of rows found
- Allow null response in reportSelectHelpers.getReportOptions
- Improved export button to display a loading spinner and indicate a fail state.
- Add cases to handle POST actions collectionStoreFactory reducer
- Add cases to allow updating collections to collectionStoreFactory
- Add missing itemStoreFactory tests
- Add FileUploader component
- Add optional detailsList to ErrorCard
- Add handle Return press option to Typeahead. Requires modal, openModalOnClick={false} handleFieldChange={} handleReturnPress={}
- If handleReturnPress is not supplied then behaviour of Typeahead should be as before
- Update PATCH Endpoint
- Add PATCH action
- Disable scroll-wheel editing on number-type InputFields
- Add postByHref to updateApiActions. Updates item in redux state on receive post
- Add optional 'required' prop to typeahead component & typeahead table, defaults to false
- Support optional query parameters in the requestProcessStart creator. Defaults to null
- Support arbritrary content types in the requestProcessStart action creator. Defaults to application/json for backwards compatibility.
- Support optional externalLink field on individual drill downs in ReportTable DisplayUtilites.
- Added optional newTab prop to the LinkButton component that allows external links to be set to open in a new tab. defaults to false.
- Fixed DatePicker error when null value
- Added userSelectors as combined object with getName and getUserNumber user selectors.
- Selector helpers: collectionSelectorHelpers, itemSelectorHelpers, paginationSelectionHelpers, processSelectorHelpers, reportSelectorHelpers
- Added getName and getUserNumber user selectors
- MUI 5
- Integrate application state into Fetch and Update actions
- Flip processStore working flag to false if the process request errors unexpectedly.
- Upped react version in dependencies (peer dependencies already was) to react 17
- rewrote tests to get rid of enzyme in order to allow this & removed enzyme from npm and everywhere used
- upgrade other npm packages
- Add wee change to Typeahead to offer built in clear button
- Added replaceRow method to useGroupEditTable hook to allow update of multiple fields at once. Use when changing a field requires dependent fields to also be updated.
- Add openModalOnClick bool prop to Typeahead when in modal mode to set whether the modal opens as soon as the user interacts with the InputField, or only when they click the magnifying glass Icon. If you want to use it in this configuration you also need to pass a handleFieldChange function that takes the usual (propertyName, newValue) args.
Defaults to true so current behaviour is maintained, i.e. modal opens as soon as user touches field. This basically facilitates optional Typeahead behaviour so a user who doesn't need to search can just enter a value straight in.
- Add action to clear data to generic FetchApiActions action creators. Process these new actions in the collectionStore reducers.
- Add functionality to limit and order search results in the Typeahead via passing optional number and function props respectively.
- Dropdowns's TextField and InputLabel are now linked via the propertyName prop.
- Update React to v17 and Material UI components.
- Add fetchByPath to fetch and update actions to allow GETting of uri/id/path
- Pass propertyName to InputField's that are wrapped in other components.
- InputField's TextField and InputLabel are now linked via the propertyName prop, which is now required. This is an accesibility best practise as it allows screen readers etc. to correctly associate labels with input fields, but the benefit to us is that testing library's getByLabelText() document query now works.
- Added componentViewDisplay to editable table column options
- Default option is 'value' which shows value in view mode as before.
- Other option is 'nothing' which shows nothing in view mode but component when editing.
- Added clearItem to update actions
- Option to add custom style to editable table columns
- Added fetchById to FetchApiActions
- Added optional accept parameter to FetchApiActions and UpdateApiActions to allow request of different media types
- Fixed mixed up Breadcrumbs defaultProps/PropTypes
- Change breadcrumbs 'HOME' crumb to redirect to a specified home url. Defaults to app.linn.co.uk
- Page component can optionally not render Breadcrumbs with a showBreadcrumbs bool prop. Defaults to true.
- Added searchButtonOnly to TypeAhead to show search icon button only in modal mode
- Added clear data action
- Added clear data option to processes
- Removed !important from display none on display only when printing
- Added getData option to process selectors
- Added wee style to hide something then show only when printing
- Allow SingleEditTable to have multiline textfields. Allow newRow to be specified to render at top or bottom via new 'newRowPosition' prop. Deafults to "bottom" so no breaking/altering exsiting usages.
- Allow modal version of the TypeaheadTable. Allow custon onSelect behaviour alongside default links behaviour.
- Just needed to redeploy after trying to without logging into npm
- Added optional "print-landscape" class to set page to print landscape
- Allow custom debounce timer to be passed into Typeaheads. Higher debounce times mitigate against cases where searches take longer than the current debounce timer (500ms), which in turn can allow those searches late set of searchResults to arrive later than more recent searches results, and as such override the more recent and correct searchResults in redux state. This is really just a workaround but used in conjucntion with speeding up slow searches, e.g. by limiting their results sizes in the backend, it seems to solve issues in many cases.
- Optionally limit searchItems returned from the collectionSelectors getSearchItems() function. This is to avoid huge searchResults lists freezing up UI components like Typeaheads
- TypeAheadDialog now auto focuses on search input field
- Updated column and row documentation in single and group edit table stories
- Pass in optional setEditStatus function to useGroupEditTable hook. This allows the table to set editStatus state in a parent component or redux state store.
- Export useGroupEditTable hook
- Support for limiting Typeahead to only fire off search after a set number of searchTerm characters. Also added support for the above in the table component.
- Updated to Storybook 6 and updated story files
- Components
- SingleEditTable
- GroupEditTable
- Hooks
- useGroupEditTable
- EditableTable
EditableTabledelete button logic and remove click listener which was always setting edit state to true after clicking cancel button
- Issue where not passing optional
isTableValidtoEditableTablewould crash
- Fixed a weird bug where inputs were losing focus for no apparent reason
- Added a groupEdit storybook example.
- Minor ui improvements for the Editable table. Rows open and optionally close on click and clickaway. Tooltips for buttons.
- Delete button stays shown when row is closed if a deleteRow function is supplied.
- Added optional tooltips for table cells. You pass this in as part of the columns array, in the form of a function that takes a row and derives a tooltip string from data in the row. You could return false from this function for some rows if they don't have any tooltips for that column. Storybook example updated to show how this works.
- groupEdit mode for EditableTable. This allows for editing, adding and saving of multiple rows at once in the component
- added validator function to validate the complete table (e.g. for external save buttons)
- Added allowNewRowCreation option to EditableTable to stop user seeing the new row button
- Changed EditableTableRow to not show edit button when table is not editable
- Added closeEditingOnSave option to editableTable to allow editor to remain open if validation is failed
- Added process data to process reducer
- Pass itemName into process action payload
- Allow process action to have a payload
- Editable Table hides new row when it is saved and is no longer a 'new' row.
- Editable Table closes row on save click
- SelectedItemList optional maxHeight parameter to allow scrolling on long lists
- Updated material-ui packages
- Correctly set content type of delete body
- Can set body of delete action
- EditableTable
- Delete row functionality
- Optional custom update row function
- Optional validate row function
- Fields that are required but not editable can now be changed when creating a new row and will be read only when editing
- Update styling of Save, Cancel and Delete buttons on table rows
- UpdateApiActions.delete - id can be null
- Added: LinkButton component that can link to components inside the current (React Router) app via a Link component, or hrefs outside the current app with an html anchor. Optionally takes tooltip text as a prop if you want to display a tooltip, e.g. to inform the user why the button might be disabled.
- Added: smartGoBack function that can hop over the annoying oidc page to take a user to wherever they came from, whether that's inside the current app or not
- Added: previousPathsSelector - selects a list of paths the user has been to inside this app from the store.
- Autofocus inputs on TableWithInlineEditing
- Can now search the menu by href, e.g. you could type 'pcbwo' to find pcb works orders
- Added date utilities to index
- Added a search to the Navigation component
- Added: Updating a cell in a row in the TableWithInlineEditing can now optionally trigger updates for other cells in that row. This is useful if the result of input to one cell should auto update the other cells, e.g. if you enter a partNumber you could make the description autofill.
- Add printStyles to the build. Importing any component from this library now gives you the print styles (which will now be centrally maintained here) for free.
- Updated redux-api-middleware to v3.2.0
- Made report table 'avoid page break' style the default, but is now optional in report table and multi report table
- Added CI. All commits now run the tests and build scripts. All commits (which should only be merge commits!) to master run build -> test -> publish -> deploy. Updated the readme, replacing the old manual change integraton manual with this new process.
- pass column widths to ReportData in three sizes small/medium/large
- Remove new row from EditableTable on clicking cancel button
- Allow alternative text than 'Back' on the BackButton. This is really so that you can be more specified, e.g. 'Back to Menu'.
- Allow a custom debounce (time in ms) to be passed into useSearch. Example of usage in TypeaheadTable.
- Allow a minimum search term length before the search gets fired off. This is useful in cases like board parts lookups, where the first 4 characters are pretty meaningless (i.e. PCAS or PCSM). Defaults to one to avoid any breakage.
- UpdateApiActions: add id parameter can take null value
- TableWithInlineEditing: allow disabled and required columns
- added delete into item factory and updateApiActions & makeactions
- EditableTable component factory will show null dates
- Added missing newRow prop to EditableTable
- Disabled option for Typeahead, defaults to false.
- EditableTable now correctly renders null dates in display mode
- Default rowTitle to noWrap class in ReportTable.
- Unbreak navigation styles already applied
- Classes to be used to hide Navigation and Breadcrumbs when printing
- Editable Table stories
- Export Editable Table component
- Highlight total columns in ReportTable
- Editable Table component
- Keyboard input to Linn Week Picker
- Linn Week Picker component label prop is no longer required
- Dropdown label prop is no longer required
- Reverted theme provider back to old import using MuiThemeProvider
- Fixed forgotten tests for loading inside application state + updated how we used MuiThemeProvider to most current way to get rid of warnings
- Add loading inside application state in item & collection factory reducers and selectors
- Pass placeholder text prop to the InputField in the modal as well as the main one.
- Extended the Typeahead to be more flexible than a search that just links you to other pages. It now takes an onSelect action as an optional prop such that you can define custom behaviour, and a links boolean which you can set to false to override the default behaviour of navigating to a new page onSelect. You should provide an onSelect function and a links={false} configuration if custom behaviour is required ( and conversely should not provide an onSelect and a links={true} config, since any onSelect() bheaviour is ignored if links is true anyway).
Now also takes an optional modal boolean prop which lets you display search results in a modal as opposed to below the search which is useful for using this in a form where there isn't space to displau search results in the same plane as the field.
The two new props have default values such that original use cases are respected - i.e. links={true} and modal={false} - hence no breaking changes in this version.
- StateApiActions
- added application state to actions, reducers and selectors
- added css for printing tables and used within page
- added fix for side scrolling issue
- Reverted formatTitle to previous version with drilldown and formatting.
- Declared notistack and react router as peer and dev dependencies as opposed to production dependencies. This means this package will expect to find them in your consuming project at the same version as declared here.
- Update table with inline editing to include add and delete icons, extra props for these permissions + tests
LinnWeekPickernow takes strings or date objects
dateUtilitiesfor Linn Weeks- Tests for
LinnWeekPicker
- Declare @material-ui/pickers as a peer dependency and a dev dependency. This is so that the tests pass in Production without there being two instances of the package AND so that the @material-ui/pickers package is available to the storybook too. I can't think of any other way to solve this problem...
- Use same version of react-redux as consuming projects.
- clearSearch() and clearErrors() actionCreators from UpdateApiActions.js. We don't use these.
-
Various errors that resulted in unwanted debug warnings across numerous components.
-
Dropdown - Now handles an allowNoValue as well as an optionsLoading state, both passed in as props (bool).
- New Component - LinnWeekPicker
- Added TableWithInlineEditing to the index. I had accidentally removed it.
- TypeheadTable - a typeahead with tabulated results
- InfiniteTable
- Table with inline editing
- Support nowrap option on report cells
- Added missing process action type
- Added clear error method to process actions.
- Changed initialiseOnMount to pass props into initialise when itemId not provided. Fixed broken reportOptionsFactory.
- Added makeProcessActionTypes and new rsaaType for process
- New Component - ValidatedInputDialog
- Fixed broken stories.
- ProcessActions, ProcessSelectors and processStoreFactory
- CHANGELOG.md
- Export error details message selector
- Fetch error details message selector
- Report errors
- Report actions must add their item type as the first prop
export default new ReportActions( reportTypes.whoBuiltWhat.item, reportTypes.whoBuiltWhatDetails.actionType, reportTypes.whoBuiltWhatDetails.uri, actionTypes, config.appRoot );
- New error style
- Actions must add their item type as the first prop
export default new FetchApiActions( itemTypes.cits.item, itemTypes.cits.actionType, itemTypes.cits.uri, actionTypes, config.appRoot );
- action types to shared rsaa types
- Date time picker
- Utilites functions exported from utilites file
- All imports must be updated
import { getHref } from '@linn/react-components-library'should now beimport { utilites } from '@linn/react-components-library'and used asutilities.getHref(item)
- All imports must be updated
- Rollup config
- Bundle splitting