All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog,
and this project adheres to Semantic Versioning.
- Fixed styling on Popups
- All components have now lost their
TEprefix. This was originally done as a way to reduce naming collisions but ultimately was determined to be unnecessary. - All components class names have been updated to follow a naming convention of
tec-*. This like the component name change has the goal of keeping the class names unique toreact-tecbut better match other css naming conventions. TERowis notFormRowas are the props typescript types.- Removed
react-power-selectand thusTESearchSelectInputandTESearchSelectRowhave been removed. Users should migrate toSelectandSelectRowbased onreact-select.
- Updated devDependencies:
@babel/corefrom7.12.10to7.15.0@storybook/addon-actionsfrom^6.1.18to^6.3.7@storybook/addon-essentialsfrom^6.1.18to^6.3.7@storybook/addon-linksfrom^6.1.18to^6.3.7@storybook/reactfrom^6.1.18to^6.3.7@testing-library/reactfrom11.2.5to12.0.0@types/jestfrom^27.0.1to^26.0.20@types/reactfrom^17.0.0to^17.0.19@types/react-domfrom^17.0.0to^17.0.9@types/react-helmetfrom^6.1.0to^6.1.2@types/react-router-domfrom^5.1.7to^5.1.8@types/styled-componentsfrom^5.1.7to^5.1.13babel-jestfrom^26.6.3to^27.1.0huskyfrom^5.1.0to^7.0.2jest-styled-componentsfrom^7.0.3to^7.0.5reactfrom^17.0.1to^17.0.2react-domfrom^17.0.1to^17.0.2react-isfrom^17.0.1to^17.0.2react-routerfrom^5.2.0to^5.2.1react-router-domfrom^5.2.0to^5.2.1styled-componentsfrom^5.2.1to^5.3.1tslibfrom2.0.3to2.3.1typescriptfrom^3.9.7to^4.4.2- Migrated from
tsdxto@weiran.zsd/tsdxdue totsdxno longer being maintained
- Updated Dependencies:
@popperjs/corefrom^2.8.2to^2.9.3@testing-library/jest-domfrom^5.11.9to^5.14.1@types/colorfrom^3.0.1to^3.0.2@types/react-avatar-editorfrom^10.3.5to^10.3.6@types/react-phone-number-inputfrom^3.0.6to^3.0.11@types/react-selectfrom^4.0.13to^4.0.17react-avatar-editorfrom11.0.12to12.0.0react-datepickerfrom^3.5.0to^4.2.1react-phone-number-inputfrom^3.1.16to^3.1.26react-popperfrom^2.2.3to^2.2.5react-selectfrom^4.2.1to^4.3.1
- Added devDependencies:
@typescript-eslint/eslint-pluginat^4.30.0@typescript-eslint/parserat^4.30.0@weiran.zsd/tsdxat^0.16.1eslintat^7.32.0eslint-config-prettierat^8.3.0eslint-config-react-appat^6.0.0eslint-plugin-flowtypeat^5.9.2eslint-plugin-importat^2.24.2eslint-plugin-jsx-a11yat^6.4.1eslint-plugin-prettierat^4.0.0eslint-plugin-reactat^7.25.1eslint-plugin-react-hooksat^4.2.0
Updated react-select from ^4.1.0 -> ^4.2.1 and fixed typescript definitions of TESelect and TESelectRow
Note some of the dependency updates contain significant changes.
@babel/corefrom7.11.6to7.12.10@storybook/addon-actionsfrom^6.0.28to^6.1.18@storybook/addon-essentialsfrom^6.0.28to^6.1.18@storybook/addon-linksfrom^6.0.28to^6.1.18@storybook/reactfrom^6.0.28to^6.1.18@testing-library/reactfrom11.1.0to11.2.5@types/jestfrom^26.0.15to^26.0.20@types/reactfrom^16.9.55to^17.0.0@types/react-domfrom^16.9.9to^17.0.0@types/react-router-domfrom^5.1.6to^5.1.7@types/styled-componentsfrom^5.1.4to^5.1.7babel-loaderfrom^8.1.0to^8.2.2huskyfrom^4.2.5to^5.1.0@popperjs/corefrom^2.5.4to^2.8.2@types/react-datepickerfrom^3.1.1to^3.1.5@types/react-phone-number-inputfrom^3.0.5to^3.0.6@types/react-selectfrom^3.0.23to^4.0.13react-datepickerfrom^3.3.0to^3.5.0react-iconsfrom^3.10.0to^4.2.0react-phone-number-inputfrom^3.1.3to^3.1.16react-selectfrom^3.1.0to^4.1.0
- Memoized the functions returned from
useTEPopupFunctions
- Fixed typing issue in
TESubNavbar
- Fixed typing issue in
TESideNavLink
This was a really large update.
- Updated all packages to latest at this date
- Greatly improve types of many components
- Rebuilt docs with storybook
- Add many more tests to all components
- Updated dependencies:
@types/react-selectfrom^3.0.10to^3.0.11react-phone-number-inputfrom^3.0.21to^3.0.22
- Updated dependencies:
@types/react-selectfrom^3.0.10to^3.0.11react-phone-number-inputfrom^3.0.21to^3.0.22
- Fixed a bug with
TESelectRowwhere theonChangeprop was not being passed to thereact-selectcomponent.
- Updated devDependencies:
@types/jestfrom^25.1.3to^25.1.4
- Updated dependencies:
react-datepickerfrom^2.13.0to^2.14.0react-phone-number-inputfrom^3.0.20to^3.0.21
- Updated devDependencies:
@types/reactfrom^16.9.20to^16.9.23@types/styled-componentsfrom^4.4.3to^5.0.1reactfrom^16.12.0to^16.13.0react-domfrom^16.12.0to^16.13.0testlibfrom^1.10.0to^1.11.1typescriptfrom^3.7.5to^3.8.3
- Updated dependencies:
react-datepickerfrom^2.12.1to^2.13.0react-phone-number-inputfrom^3.0.18to^3.0.20
- Fixed
idbug withTEDatetimeInput. It was being appled to both inputs when usingwithPortalButton.
- Be aware that
react-phone-number-inputfrom^2.4.1to^3.0.18as a result you should be sure to update how you overwrite the styling on this component as well as other concerns. - Be aware that
styled-componentsfrom^4.4.0to^5.0.1. This update requires you update to v5 however the changes had no noticeable impact on this library.
TEDatetimeInputnow has a new prop.withPortalButton. The goal of this prop was to allow for both typing and the modal selection. I have found that the modal view works well on touch or smaller devices. This is something I may attempt to suggest into the core lib but for now it is just an abstraction. (#49)
- Updated devDependencies:
@types/jestfrom^24.0.20to^25.1.3@types/reactfrom^16.9.11to^16.9.21@types/react-datepickerfrom^2.9.4to^2.11.0@types/react-domfrom^16.9.4to^16.9.5@types/react-helmetfrom^5.0.14to^5.0.15@types/styled-componentsfrom^4.4.0to^4.4.3huskyfrom^3.1.0to^4.2.3rollup-plugin-peer-deps-externalfrom^2.2.0to^2.2.2styled-componentsfrom^4.4.0to^5.0.1tsdxfrom^0.11.0to^0.12.3typescriptfrom^3.6.4to^3.7.5@types/styled-componentsfrom^3.6.4to^4.4.3
- Updated dependencies:
@types/colorfrom^3.0.0to^3.0.1@types/react-selectfrom^3.0.8to^3.0.10react-datepickerfrom^2.10.0to^2.12.1react-iconsfrom^^3.8.0to^3.9.0react-phone-number-inputfrom^2.4.1to^3.0.18react-popperfrom^1.3.6to^1.3.7
- A full review of component styling was reviewed when
disabled. (#46) - Quick review of component styling in Safari. Made more consistent.
TEImageRowEditorPopup wasn't closing when cancel was pressed. This resolves that.
- Updated
react-phone-number-inputfrom2.4.1to2.5.0
- Fixed styling of
TEPhoneNumberInput. Addresses (#43)
TEPhoneNumberInputandTEPhoneNumberRowhave been added based on react-phone-number-input.TEMenuButtonhas been added primarily relying on react-popper
- Many components now have the ability to pass down refs in addition the typing for them have been changed away from
anyto something meaningful.
TESelectandTESelectRow. These two components are based on react-select. The plan is to eventually replaceTESearchSelectandTESearchSelectRowwith these as these libraries are more well maintained and have a more consistent API.
- Added mobile responsiveness to the docs site
- Updated
react-datepickerfromv2.10.0to2.10.1
- Fixed the broken links in the documentation
- Now export some helper functions
- Added
styled-components,react-router, andreact-router-domto devDependencies to allow for test writing but had to also userollup-plugin-peer-deps-externalto ensure they were not bundled during build. - Updated doc site to not
linkbut instead use the deployed version in order not to have the devDependencies included.
- Small styling changes to TEFileManagerRow
This update is a complete rewrite of react-tec. Moving from Create React Library to tsdx. This means the lirbary is written in typescript and thus keeps the type definitions up to date. In this transition some things were refined and others bugs were fixed (conflicts with base html props). This shift will result in a more maintainable library using up to date libraries. Please see the mentionable changes below.
TERowpropsizehas been changed torowSize. Thus all "Row"s (Ex.TEInputRow) and "Groups" (Ex.TECheckboxGroup) now userowSizeinstead ofrow.- "Groups" (Ex.
TECheckboxGroup) proprowSizethat previously determined how many checkboxs would be in a row is nowinputRowSize. TEInputRowno longer can accepttype='textarea'. There is now aTETextareaRow.TEPrivateRouteno longer acceptsisAuthenticated,hasPermissions,authPath,accessDeniedPathinstead it accepts an arrayauthCheckscontainingcheckfunction andpathstring. This allow for full generalization of as many layers of checks required.TEHelmetis no longer apart of this package. This was entirely a passthrough component and was unnessisary. Use react-helmet from now on.- Replaced
TEScrollToTopwith a utility hookuseScrollTop. TEImageRowimgSrcprop is notimgSrcArrayjust likeTEFileManagerRow- All forms (
TEForm,TEPopupForm,TEMultiStepForm, etc) all now provide the submit event to theonSubmitfunction. This mean you will now need to addevent.preventDefault()to youronSubmitfunction.
- Full Typescript support
- Entirely Upgraded dependencies and libraries used to generate the module
- TEButton type bug fix
- Small warning bug fix
- Added
avatarEditorDatatoTEImageRowto allow adjusting React Avatar Editor (Resolving #11) - Fixed disabled styles on
TEDatetimeInput(Resolving #17) - Added
hideClearButtontoTEFileInputand hiding it inTEFileManager(Resolving #17) - Fixed margin-bottom in
TESegementedGroup(Resolving #20) - Fixed Disabled Styling on some inputs (Resolving #23)
- Added a classname to all top levels of components.
- Updated packages for docs site
- Updated react-datepicker from
2.8.0to2.9.6
- Updated react-datepicker from
2.7.0to2.8.0 - Updated react-power-select from
1.0.0-beta.15to1.0.0-beta.16 - Updated TEFileManagerRow - Removed
fileSrcin favor offileSrcArray. The internal objects don't change just accepting an array instead of an object. - Updated TEFileManagerRow - When
srcis not present, do not display the download button. - Updated
styled-componentsin docs from4.2.0to4.3.2.
- Full styled-component code reviewed. Cleaned formatting and fixed a few css bugs.
- Standardized navigation link colors to address #18
- Updated react-date-picker from 2.5.0 to 2.7.0
- added
background-color: white;to TEButton
useTEPopups.hideConfirmbug fix
classNamebug fix for TEPaneTitle
- Addresses #5:
- Removed background color from
TEPanelWrapper - Removed the
wrapperHeightprops as it was only used to extend the background color. - Added the background color from
TEPanelWrappertoTEBodyContainer. - Updated
TEBodyContainermin-heightstyling from100%->100vh
- Removed background color from
useTEPopups- This provides easy functions to call instead of remembering the dispatch keys inTEPopupContext. Addresses #7.- Added a
Headercomponent prop toTESideNavbar. This allows for a custom header component instead of simply passing a prop to the logo img src. Addresses #8 - Updated
TEPrivateRoute'sisAuthenticatedandhasPermissionsprops to be functions that receive all the props from React Router. This allows more dynamic handling of authentication. Addresses #13 - Added additional options to the
sizeprop ofTEPanel("three-quarter", "quarter", "condensed") Addresses #14
- Fixed redirect issues fixed with
TEPrivateRoute
- Accidently messed up versioning. This version was skipped.
- Upgraded Packages:
- react-datepicker
- react-helmet
- react-icons
- Updated documentation with codesandbox examples
- Fixed TESpinner Animation
- Added "fromPath" to the state in TEPrivateRoute when it redirects. This can then be used to direct a user back to where they were headed if necessary.
- All components and subcomponents now have a className. This should allow for much easier styling with complex components.
- Upgraded Packages
- TEPrivateRoute
- Moved react-router and react-router-dom to peer dependencies instead of dependencies.
All of these were basically just wrapper components
- TELink
- TENavLink
- TERoute
- TESwitch
- Documentation is up and functional (could be prettier)
- All components have been reviewed a number of times (could be reviewed at least one more time)