This project adheres to Semantic Versioning.
- BREAKING: PR #93
- New ./src/ File Structure Beginnings
- Moved all template files to ./src/templates.
- ./src/templates JS/JSX files are Eslint free.
- Moved ./docs/ package.json dependencies and devDependencies to ./docs/ new package.json
- Moved webpack.config to ./docs/
- implemented .bablerc settings into new babel.config.js file.
- Deleted .babelrc
- FiltersDrawer:
- Copied old pageFiltersDrawer.js and created filtersDrawer.jsx. Also split its components out into individual files.
- Copied old pageFiltersDrawer.scss and created filtersDrawer.scss
- Renamed old pageFiltersDrawer.js -> pageDeprectatedFiltersDrawer.jsx
- Renamed old pageFiltersDrawer.scss -> pageDeprecatedFiltersDrawer.scss
- The components pageFiltersDrawer.jsx and drawerFiltersDrawer.jsx wrap now.
- Added checkbox and toggle to
- Copied/Renamed ./docs/modules/drawerFiltersDrawer.js -> ./docs/tempaltes/drawerFiltersDrawer.jsx.
- Created a new Drawer Deprecated Filters Drawer doc page, ./docs/modules/drawerDeprecatedFiltersDrawer.js
- Container
- Copied pageContainer.js and created container.jsx
- Changed pageContainer.js -> pageContainer.jsx and wrapped container.jsx
- Created a new drawer.Container.jsx
- Content
- Created content.jsx
- Changed pageContent.js -> pageContent.jsx and wrapped content.jsx
- Changed drawerContent.js -> drawerContent.jsx and wrapped content.jsx
- Copied drawerContent.scss and implemented into content.scss
- Copied pageContent.scss and implemented into content.scss
- Created a new drawer.Container.jsx
- New ./src/ File Structure Beginnings
- PR #95
- Table Row Reordering with Drag and Drop.
- PR #92
- Update the "avatar" image embedded in Comment. We missed this when we refactored Image to use type prop rather than avatar prop.
- Adds some npm commands to be able to run in production mode.
- PR #94
- PR #94 fix the DatePickerInput year dropdown positioning.
- PR #96
- Fixes a case sensitive issue with one of our SCSS imports.
- PR #97
- Adds the ability to specify an own ID for DataGrid. Each cell of the DataGrid now has its own ID.
- PR #98
- Fixes getting DataGrid row height on column resize.
- PR #94
- PR #94 fix the DatePickerInput year dropdown positioning.
- Removed
.jsxextensions.
- PR #82
- Added a expand feature to DataGroups.
- PR #86
- Documentation additions.
- PR #87
- Prevents click when highlighting elements for Card and TableRow.
- PR #88
- Added icons:
marital-statusandpreferred-service.
- Added icons:
- PR #81
- Fixes a DataGroups style bug in Chrome.
- BREAKING: PR #80
- Renanmed Page/Drawer Details sub component to DetailsWindow
- Moved the sub component into one file. Page/Drawer component uses the same sub component file now.
- Class names have changed as well.
- Renanmed Page/Drawer Grid sub component to DataCards
- Class names have changed as well.
- Renanmed Page/Drawer Table sub component to DataGrid
- Class names have changed as well.
- New Page/Drawer DataGroup sub component!
- Renanmed Page/Drawer Details sub component to DetailsWindow
- BREAKING: PR #78
- Changed DOMUtils case type to domUtils and how we export the file. We will need to update this in HC.
- Changed DateUtils case type to dateUtils.
- PR #76
- Added
timeFromNowfunction todateUtils.
- Added
- Added
formatShortWithSpecifiedTzfunction todateUtils.
- PR #78
- There was a 'position: fixed' iOS bug that caused our Drawer's TitleBar, Navigation, and ActionBar sub components to disappears when scrolling down. The fix works on iOS 11 and 13. However, for iOS 12 it does not work.
- Updated ActionBar's search clear icon to match design's UI library.
- Removed ActionBar's magnification icon when in mobile view.
- Changed the way we import our css exported color variables into JS for some Jest research.
- Changed the way we import our css exported color variables into JS for some Jest research.
- PR #73
- Fix up a few functions in DateUtils that were ported over from Healthy
Church. In particular, fix it so we do not introduce the "UNIX Epoch Bug",
where a functions expecting a numeric timestamp would incorrectly return
nullupon encountering a value of zero, as opposed to 1 January 1970 as they should. This bug was patched in HC's corresponding DateUtils functions a while back, but was inadvertantly reintroduced to the React CM UI versions.
- Fix up a few functions in DateUtils that were ported over from Healthy
Church. In particular, fix it so we do not introduce the "UNIX Epoch Bug",
where a functions expecting a numeric timestamp would incorrectly return
- PR #72
- Fix possible dereference of
undefinedduring Page.TableRow render. The logic trying to fetch the size of the cell was failing to take into that the size data for that cell might not be available yet. This was happening in the Healthy Church client app when using the PageTable in combination with our "load more" / "infinite scroll" component. So we added an additional safety check to prevent the error.
- Fix possible dereference of
- PR #71
- Fixed regression in certain nested Drawer scenarios caused by a default
value of "top" for the new
positionYprop.positionYprop should only be set to "top" or "bottom" if the new sticky drawer behavior is desired. It must default to not being set at all. Having it default to "top" was preventing the "nested toggles" in the page mobile filters drawer from being visible, due tooverflow: hidden;in the CSS for the sticky drawer.
- Fixed regression in certain nested Drawer scenarios caused by a default
value of "top" for the new
- PR #59
- Added ability to make Drawer component sticky and set
max-heightfor those sticky drawers
- Added ability to make Drawer component sticky and set
- PR #63
- Improvements for Page.ActionBar
- Added the ability to disable an action bar button
- Better view for icon buttons
- Improvements for Page.ActionBar
- PR #64
- Fixes margins for Page.Table on desktop/mobile modes
- PR #65
- Build Prompt functionality into <Page.ActionsBar /> (specifically
the <ActionBarActionsButton /> for the mobile actions menu) so that
various options or sub-options can request and configure a confirmation
Prompt before their
onClickaction is actually fired.
- Build Prompt functionality into <Page.ActionsBar /> (specifically
the <ActionBarActionsButton /> for the mobile actions menu) so that
various options or sub-options can request and configure a confirmation
Prompt before their
- PR #66
- Additional updates to Page.Details
- PR #67
- Added Contract Icon
- PR #70
- Page.Details Expandable Columns
- Improve mobile expand/contract behavior, add CSS animation, and generally fix up the Page.Details component so it's ready for prime-time.
- PR #62: Bug Fixes in Page.ActionBar and various sub-components:
- Add a missing piece to wire up new ActionBar search
onClearClickevent handler - Fix a couple of issues with the ActionBar mobile drawer options and sub-options, having to do with clickability and disabled state.
- Fix up some ESLINT issues highlighted using Airbnb's ESLINT config rules in the Demo Page and a few components. Demo Page now organized as Airbnb Style guide recommends for React components.
- Add a missing piece to wire up new ActionBar search
- PR #58: Adds some new sticky column(s) functionality to Page.Table.
- New props:
handle,stickyColumnWidth, andstickyColumns.
- New props:
- New
dropleticon added to the Icon component. - New
expand(alias:contract) icon added to the Icon component. - New ActionBar search
onClearClickevent handler. - We're now using Airbnb's eslint config rules!
- Fixed our exported
dateUtilsclass to not throw errors when using certain utility functions it has to offer. - Added
dateUtilsfunctions not in react-cm-ui's class from HC'sdateUtilsfile to sync up. HC is now supposed to be using react-cm-ui'sdateUtilsfunctions instead of the now deprecated HCdateUtilsfunctions. - Button only has one height now. No more
44pxfor desktop.
- Split up the
./docs/src/elements/icon.jsfile into two,./docs/src/elements/iconSet.jsand./docs/src/elements/iconExamples.jsand added routes to those specific pages. We can now link directly to the exact location. - Added a sort dropdown to our
./docs/src/elements/iconSet.js. We can now sort our icons by "category" or "alphabetically (asc)."
- Added a new prop,
selectedColumnIndexto Drawer.Navigation to fix a state issue.
- Fixed a Drawer style bug that was overwriting DrawerDeprecated's styles.
- Same added feature for Drawer.Navigation as in
6.1.4.
- Don't ask.
- Same bug fix for SCSS background colors as in
6.1.2.
- Fix an issue where some of the SCSS background colors were incorrectly set (not using the correct color name).
- Same bug fix in <DatePickerInput /> as in
6.1.1.
- Fix an issue in <DatePickerInput /> component when using two such
inputs to define the 'from' and 'to' dates for a date range. When typing out
either 'from' date or 'to' date (versus using the calendar to select it) both
dates would be cleared due to incorrect logic in the
_onInputChange()function.
- New <ActivityIndicator /> component! Whoopee!
- <Page />
- New Prop:
id. This prop checks for astring. - New Prop:
isDataFetching. This prop checks forbool
- New Prop:
- New class names based on BEM for when our <Drawer /> and <Page /> components have an Action Bar.
- Fixed the placement of the anchor icon in <Header />.
- Fixed the
hrefprop logic for <Button />.
- New <ActivityIndicator /> component documentation.
- New <Page /> component documentation.
- Includes a demo page.
- Removed some of our documentation block code highlighter's height problems.
- PR #57: Adds some new functionality to the <Page.Container />.
- New prop:
scrollable. This props adds the ability to horizontally scroll. it sets us up for the new mobile <Table /> functionality.
- New prop:
- Refactored how the prop,
id, was being rendered for <TimePicker />. - Added a security check around the
onClosefunction in <Drawer />. - <Drawer.ActionBar /> and <Page.ActionBar /> now use the same ol' code.
- PR #56: Fixes generating the key for the Page.Table header cell.
- All <Drawer /> header and content sub components now are positioned correctly.
- Removed the
.scssextension on the color import in <Image />.
-
PR #53: Adds some new functionality to the <Image />.
- New Prop:
border. This prop checks for one of the following types:boolornumber. - New Prop:
borderInverse. This prop checks forbool - New Prop:
type. This prop checks for one of the following strings:personoruser. Leaving this prop asundefinedgives you the ability to use the component as a basic <img />.
- Removed of <Image />'s
avatarprop to favor the newtypeprop.
- New Prop:
-
New color,
colorSubNav, name added to ourcolorfunction.
- <Drawer.ActionBar /> got into a bad state with the last BEM name changes. All fixed.
- #54: Fixes ReactJS
componentWillReceivePropswarnings about needing to switch tocomponentDidUpdate. - Upgraded react-reponsive dependency to
7.0.0. - Breaking change: updated how we implement our colors in SCSS and JS.
- You can no longer use
$bkgdto achieve a hex value fromcolors.scss. Instead, import the same way, and use the functioncolor(backgroundColor). - In JS, you can now use our
colors.scssvariables by importing the desired color variable. e.g.import { backgroundColor } from 'colors.scss'.
- You can no longer use
- Breaking change: moved a handful components to the BEM naming convention.
- <Drawer.ActionBar />
- <List />
- <Page.ActionBar />
- <Page.Container />
- <Page.Content />
- <Page.Details />
- <Page.FiltersDrawer />
- <Page.FiltersRail />
- <Page.Grid />
- <Page.Table />
- <Page.ActionBar />
columnsupdates:- New
buttonproperty - New
listproperty- New
actionsButtonproperty - New
iconBackproperty - New
iconFilterproperty - New
iconGridproperty - New
iconSearchproperty - New
iconTableproperty
- New
- New
searchproperty
- New
- Moved <Page /> component and its sub components to the
./src/modulesdirectory. - Started a demo for how the <Page /> component and its sub components are to look like. It's a work in progress. Please give some grace.
- Changes to <Page.FiltersDrawer />:
- Fixed the header in this component which broke when we refactored the <Drawer /> component.
- New
rows.items.dropdownproperty! - New
rows.items.multiSelectproperty! - New
rows.items.nestedTogglesproperty!
- New <Drawer.Details /> component!
- Exported our
./src/shared/styles/colors.scssso that we can use the variables in JS. The plan is to remove the hyphenated case variables in this file soon. I decided to forgo for a while due to regressions it would cause.
- Applied the <PhoneInput /> from
v4.1.4-hotfixto this release.
- Fixed a <Page.Details /> bug.
- Fixed a <Page.Details /> bug.
- Added some style capabilities to <Page.Details /> and fixed some as well.
- Fixed a bug in <Drawer /> & <DrawerDeprecated /> that caused body class names to be removed when still needed.
- Fixed mobile styling for <Drawer.Wing />
- Fixed a bug in <Page.ActionBar />.
- Fixed a bug in <DrawerDeprecated />.
- Duplicated <Drawer.ActionBar /> in <Page.ActionBar />.
- Breaking Change: A brand new <Drawer /> component with sub components! We'll be iterating on this and its sub components to help facilitate with building drawer templates. Old <Drawer /> component has been deprecated and renamed to <DrawerDeprecated />. Please update your <Drawer /> components accordingly.
- Sub Components:
- <Drawer.ActionBar />
- <Drawer.Content />
- <Drawer.FiltersDrawer />
- <Drawer.Grid />
- <Drawer.Navigiation />
- <Drawer.Table />
- <Drawer.TitleBar />
- Sub Components:
- Whoops, forgot the <Page.Details /> import.
- New <Page.Details /> sub component!
- Whoops, forgot the <Page.Grid /> import.
- New <Page.Grid /> sub component!
- Fixed <Page /> default background color. It should have always been a light grey.
- Stopped the <Page.Table /> row's onClick event handler when selecting text.
- Added <Page.Table /> sub component scss!
- Whoops, removed a
.scssimport from a.jsfile which was causing an error when installing.
- New <Page.Table /> sub component!
- Added new <Phone.Input /> component.
- Applied the fix from the <DrawerDeprecated /> in
v5.0.3to <Drawer /> to this release.
- Fixed some <Page /> sub component layer issues.
- Added some styling to <Page.Container />. I guess, it now does something.
- Made the <Page.ActionBar /> sticky.
- Upgraded lodash from v.4.17.11 to v4.17.14 to remove a high risk vulnerability.
- Whoops, I failed with a SCSS import and couldn't publish. Apologies. The import path is fixed.
- A brand new <Page /> component with sub components! We'll be iterating on this and its sub components to help facilitate with building page templates.
- Sub Components:
- <Page.ActionBar />
- <Page.Container />
- doesn't really do much just yet, but will be reserved for constraining content.
- <Page.Content />
- <Page.FiltersRail />
- <Page.FiltersDrawer />
- Sub Components:
- Just one more <Modal /> style fixed.
- Some <Modal /> style fixes to match what's in the design toolkit.
- Fixed <Table />
sizeto have a min-height instead of using padding to cause that height.
- Fixed the compile script to grab images in the new directory.
- Changed file structure to use Feature First (Pods).
- Breaking change if you are linking to
style.cssor the individual.cssfiles
- Breaking change if you are linking to
- Added a
sizeprop to <Table />.
- Added
filesto package.json and remove .npmignore.js.
- Fixed security risks caused by dev dependencies.
- Upgraded Webpack from v3 to v4.
- Upgraded Gulp from v3 to v4.
- Added
link-externalto the <Icon /> set.
- #49: Fixes initialization of <Card /> View.
- Fixed <Icon /> svg style.
- Added a left border to the <Drawer.Wing />.
- <Checkbox />
labelcan either be a string or object. - An
idis now applied to the <Checkbox /> container as well to its hidden input.
- #48: <Button />
outlinecan have different colors now.
- #45: <Avatar /> (User Icon) Image Fixes/Enhancements
- #46: Fixes warnings on passing object as title for drawers.
- Remove
isOpenfrom the <Drawer /> & <Modal />componentWillUnmount. Hoping this catches all the different states the drawer can be in. One concern is it removing class names from body when another drawer is to stay open. We'll need to watch for this problem in the future.
- <Drawer /> & <Modal /> were not cleaning up after themselves when unmounting; they now do.
- Whoops! Forgot to check my work and had the <Modal /> ZIndexes incorrect.
- Fixed a <Modal /> bug.
- Second attempt to fix the bug in <Drawer /> by ensuring the removal of the
_onClickOutsideevent listener. Since the <Drawer /> is used with a <Portal />, it is not unmounted the way typical components in the regular DOM tree are, so the prior attempt to remove the event listener on unmount (in2.0.14) was unsuccessful. Hopefully this version will fare better.
- Fixed a bug in <Drawer /> by ensuring we remove
_onClickOutsideevent listener on unmount).
- CSS for
disabled<Dropdown.Item /> when using "dark theme" for the menu. This was still making the text of the item white, instead of the "static" color as is proper for a disabled item.
- Ability to mark a <Dropdown.Item /> as
disabled.
- Removed console logs in <Drawer />.
- Fixed a <Drawer /> bug.
- Fixes the issues when <Drawer /> child's
onClosewas overridden.
- <SubNavigation /> and its child components accept IDs now.
- <Tabs /> and its child components accept IDs now.
- <Table /> and its child components accept IDs now.
- Added another condition to look if <Drawer /> is open before trying to add a style.
- Fixed a <Drawer.Header /> bug.
- Fixed <Banner /> bug after upgrading to React 16.8.6.
- Fixed <DatePickerInput /> react-tether component.
- Removed <MenuTree />. It was unused and never an officially designed component.
- Upgraded react-tether.
- Added a new <Drawer.Wing /> color:
grey.
- Upgraded React from version 15.6.2 to 16.8.6.
- <Card /> and <PhoneInput /> now accept IDs. This is the same change as
v1.19.6.
- Upgraded react-dnd.
- Upgraded react-portal which caused some refactoring of our <Banner />, <Drawer />, and <Modal /> components.
- <Card /> and <PhoneInput /> now accept IDs.
- <Prompt /> now accepts an ID.
- <Radio /> does not allow a click to happen when disabled.
- <DropdownItem /> and <Banner /> implements the
idvalue passed to them now.
- Fixed a bug when a selected
<DatePickerInput />and<DatePickerCalendar />day is on an day that has an event.
<DatePickerInput />and<DatePickerCalendar />allownull now.- The
onChangeevent handler will not fire if<DatePickerInput />and<DatePickerCalendar />is disabled.
<DatePickerInput />and<DatePickerCalendar />modules get a much needed - forgotten -styleprop.
- Changed the
<Icon>display property frominline-blocktoinline-flexto fix some alignment issues throughout HC. - Removed the
<button>wrapping caret icons in<Input />.
<DatePicker />has been deprecated. Please use DatePickerInput or DatePickerCalendar.<DatePicker />will be removed in the next major version of react-cm-ui.
- New
<DatePickerInput />and<DatePickerCalendar />modules.
- Rearranged the placement of where we render the Dropdown
id.
- Added the prop
idto Accordion.
- Removed
componentDidUpdatefrom Input to fix some state issues when using anonChangeevent handler. :)
- Upgraded
lodashdependency to fix a possible security vulnerability identified bynpm audit.
1.18.6inadvertently caused some browsers to show a gray background for the Input typenumberspin box controls (up and down arrows), likely due to user agent defaults for button elements. This patch sets a transparent background color for these.
- Added
200and300as font-weight options to the sans serif font.
- Fixed Input type
numbercontrols. Changed icons to buttons to stop the highlighting of elements around the Input. Also, whenminandmaxare set values are kept between the two when using the controls.
- Fixed an issue with DurationPicker component; it was not initializing
its internal state properly when a
valueprop was specified, so it was not showing the initial value until a re-render.
- Fixed DatePicker value when the date value is cleared.
- Added
phone-cell,phone-home, andphone-workto the Icon set.
- Added
bell-recurringthe Icon set.
- Add
idprop to Button and Dropdown components.
- Added new DurationPicker component.
- Fixed some issues with Input with
disabledprop set. It was still doing state changes and callingonChange()so it was not acting disabled, even if it was visually styled to appear disabled.
- Fixed a bug in the Accordion component. When using it in exclusive mode,
you were unable to pass the value
0to theselectedprop to default select the first item. This was due to standard JavaScript truthy/falsy silliness;0is falsy so a naive check for whether the prop was specified resulted in falling back on-1(nothing selected) as a default when0was the specified value. Converted this to use Lodash's_.isNil()function for a more precise check, and life is good!
- Add
multiproperty to Radio component. This allows multiple selections (which is useful in combination withpillfor certain desired UI elements; see #35)
- As a further update to 1.17.6, ensure that click event propagation is stopped when a disabled Checkbox is clicked.
- Fixed a bug in the Checkbox component. It was calling
onChangeeven when thedisabledprop was set totrue. The upshot of that is, when used as a controlled component, disabled Checkboxes were not quite as disabled as we might have liked! =)
- Fixed time zone select placeholder text (and added ability to specify it via prop) in TimePicker component.
- Fixed
zoneMatchPropprop in TimePicker component.
- Added
selectionMatchPropprop in Dropdown component.
DropdownonClick()that was added in1.17.1has been removed and replaced withonOpen()andonClose().Dropdowndocumentation page samples with user avatar images refactored to use local image files as the sample avatar service we were previously using does not support HTTPS. This way we can avoid mixed content issue if the documentation site is viewed over HTTPS.
- Add
onClick()event toDropdown. This will be called whenever menu is expanded/collapsed, passing a Boolean argument to indicate whether the menu is open (true) or closed (false).
- Ability to edit and delete comments via the Comment component.
- Ability to instruct Dropdown to collapse the menu on change imperatively using new
collapseMenuOnChangeBoolean prop regardless of whether or not it's a controlled component and there is avalueprop change. - Ability to set the title/tooltip for the Icon embedded within the Dropdown (via new
iconTitleprop). - Ability to set Dropdown color to
transparent.
- Bug fix in logic within Dropdown to update selected value state and collapse the menu on prop change. Also converted
this from legacy
componentWillReceiveProps()to propercomponentDidUpdate(). - Set some reasonable default behavior around Icon tooltip within the Dropdown (utilizing
placeholderand/ortext) props when newiconTitleprop is not specified. - Numerous enhancements to the documentation pages for Dropdown and Prompt components, including an example of how to wrap a Dropdown with a Prompt but only have some options trigger the prompt but not others. Also corrected some typos and such.
- Nothing new; same as described in 1.16.2. Due to some git user errors made by Geoffrey,
1.16.2didn't contain the changes it was supposed to. Andnpmdoes not allow re-publishing the same version (see here). So I'm going to publish the corrected package as1.16.3and remove1.16.2. Sorry about that.
- Image component was updated to improve behavior in
avatarmode. Previously, if a consumer specified bothnameandsrcprops, the component would happily render both the image and the initials. 🤦♂️ That meant that it was up to consumers to conditionally pass anameprop or not. Now, the component itself has been fixed to do the right thing. - Also, the documentation page for the Image component should now correctly render the sample image.
- Drawer dimmers bug fix.
- Added
showSpinnersprop in Input component. When thetypeis "number" this new prop dictates whether or not to show the "spin box" up and down arrow controls. The new prop, which is optional, defaults totrueand the spin box controls are shown. Set it tofalseto suppress these if you want a numeric input without them.
- Added a CSS rule
.color-highlight.
- Fixed a bug in Dropdown when passing a null child.
- PhoneInput Fixed bug affecting U.S. phone numbers specified without leading
+1and with area codes with1in the middle, e.g. 213, 714, etc. These phone numbers were being mishandled.
- InfoBar
colorgoes to 11.
- Fixed Drawer's
maxWidthproblem when opening a drawer that is not by default 768px. - Big Change. Container.ActionBar now has a minimum height of 70px and has been changed to flex to align its items.
- Removed the fill attribute from the
<use>within our Icon's SVG markup.
- Fixed some styling in the Comment component.
- Fixed Comment time bug.
- Comment component's CSS now handles line breaks.
- Added
onAutoHeightResizedprop to TextArea.
- Cleaned up the Comment code.
- Added
detailsPositionprop to Comment.
- The Comment not need any details.
- Removed Drawer wing JSX when there's no wing to ever be rendered.
- Added the ability to change the Drawer's
maxWidthon the fly.
- Fixed Drawer's transitionend event.
- Resize Window event handler for Dropdown menu
- Improved estimation of direction to open Dropdown window
- Removed
valuefrom TextArea's state.
- Fixed TextArea's
autoHeightwhen novalueis controlling textarea.
- TextArea's
onChangehandler is now passingevent.
- Ugh, forgot to save a fix to TextArea (
columnstocols) before releasing the last version.
- Added
columnsandrowsprops to TextArea.
- Added
secondarycolor name to the Utils.js color function.
- Fixed a List bug.
- Added a new Button prop,
iconPosition.
- Fixed Dropdown button icon size.
- Added a new Button color,
secondary. - Added a new Dropdown
buttonColor,secondary. - Added
nameto Image in order to show initials.
- Fixed Dropdown menu spacing.
- Updated Dropdown to use highlight background color when active.
- Icon now supports an optional
titleprop that can give it a tooltip.
- List is now checking if a child a null or undefined and if so will not return the "child."
- PhoneInput
isValueCompletenow checks to see if the value is not empty.
- Flipped Card's collapsable icon around.
- Adds an option for a drawer to open from a left side (also support second wing and other drawer features). PR #26
- Fixed a Drawer bug not cleaning up drawer class names when being unmounted.
- Removed
header === truefrom the Drawer children statement. It's checking only to see if the child is a function/component.
- Icon's now have a smooth color transition.
- Button has a new style property when
color="outline"andinverseis passed. - InfoBar renders children differently now.
- The Drawer component now clones custom close buttons and gives it a proper class name.
- New PhoneInput
onCountryChangefunction prop.
- Enhanced the documentation/sample for PhoneInput's
onChangeto show all the parameters it passes.
- Fixed Button padding when there's an Icon.
- New Comment component.
- New Dropdown
selectionUnderlineprop andbuttonColorcolor additions. - New Image
sizeprop. - New Drawer.Wing subcomponent to Drawer.
- Removed InfoBar.Drawer from InfoBar.
- New PhoneInput
onCountryChangefunction prop.- (This was originally included in the
1.12.2release but we needed it in1.11.xso hence this "hotfix")
- (This was originally included in the
- Enhanced the documentation/sample for PhoneInput's
onChangeto show all the parameters it passes.
- PhoneInput passes a new
isValueCompleteparameter in place offormat.
- Removed a warning that Dropdown was throwing.
- Added two new PhoneInput parameters
dialCodeandformat.
- Added two new Drawer props:
onCloseCompleteandonOpenComplete.
- Fixed TimePicker's actionable Icon
type. - Upgraded
react-text-masktov.5.4.1. This version has been pinned as well, because of a bug inv.5.4.2. - Fixed Table.HeaderCell basic clickable style.
- New Rail component.
- New
labelClassNameandlabelWeightfor Checkbox. - New InfoBar component.
- New
sizeprop for Checkbox. You can now have a default size (large) and a small checkbox. - New
inverseprop for List. - New
autoFocusprop for Input and TextArea.
- Fixed Checkbox to be always be a controlled input in order to quiet down the console.
- New
transitioncss property to animate thebackground-colorandborder-top-coloron hovering over a Table.Row. - Removed the ListItem file and and defined the correct List.Item component. This also removes the List.Item style type warning.
- Sort of have documentation for List. They are really just examples I tested with.
- Add a Chart module that uses
highcharts.
- Changed Card.Header gradients.
- New font size and weight for Table.Header's Table.Cell when not clickable.
- Removed a
console.logfrom Card.
- Fixed how Card renders its header.
- Fixed a missing
classNameandfillfrom an SVG<use>.
- Fixed an issue with Firefox not displaying the new Icons.
- Fixed a bug when passing
nullas a child of Card. - Fixed Card.Header gradient positions.
- Added ability to have a custom header in a Card.
- Removed icon font and replaced with SVG icons.
- Input's action icon container is now adjusted according to the top position of the input that's relative to the components wrapping container.
- Squashed a bug when a Input had actionable icons causing an enduser to be able to enter a value.
- Fixed Dropdown's select dropdown position styling.
- DatePicker patch.
- Moved Input's label adjacent to the input and added a new prop
labelPosition.
- Added Dropdown
onChangeexample. - Added two new icons to Icon:
infoandquestion-circle
- Fixed a bug in
./src/scss/components/Views/TitleBar.scssupon publishing the package.
- New Image component. Only is for a basic avatar for now. Updates expanding the component will happen down the road.
- TitleBar now supports
subTitleandchildren.
- New
circle-filledicon type.
- Fixed some styling in Firefox for Tabs.
- TitleBar now truncates long titles on smaller viewports.
- Modals and Drawers no longer remove the scrollbar causing side effects in the background.
- PR #21 fixed a Input bug having to do with the
onChangeevent handler when thetypewas set tonumber. Thanks @gbulatov!
- Changed how
browserDetect()detects the browser.
- react-dnd is now a part of react-cm-ui.
- Disables a collapsable Card's content height when already collapsed.
- Fix for dynamically changing a collapsable Card's content height.
- ISO2 and dial codes are now searchable in InputPhone.
- Added ability to collapse a Card.
- Added ability to give a PhoneInput flag dropdown a different arrow icon.
- Added ability to style a PhoneInput container.
- Added ability to give a Dropdown select a different arrow icon.
- Added ability to adjust a Modal's height according to its content.
- Fixes the onClick event and styling for a Radio's
pillUI while beingdisabled.
- Added a bottom divider to a
basicTable's last row. - Removed
.uifrom a Table's children components. - Fixed a Header error when having an icon and sub header.
- merged PR #18: DatePicker tweaks for using it in
dateRangemode.
- Fixed
./lib/css/componentsimage url paths.
./libnow has all the individual.cssfiles to import.
- Removed PropTypes warnings.
- Cleaned up conditions around
minandmaxprops for Input.
- Changed
scrollContainerClassNametoscrollContainerso we can also pass a node and not just a string.
- Fixes and code clean up to Accordion. Whoops.
- Accordion looks to see if an Accordion.Item's content is below the fold and if it is the end user's container/window will scroll up.
- Dropdown looks to see if the Select's dropdown is below the fold and if it is the dropdown will be render above.
- Fixes to SubNavigation when rendering only one tab.
- Banner has a new prop,
topPosition.
DOMUtils'browserDetect()is case-sensitive and Firefox was all in lowercase. Fixed!
- Added
levelcolors to Banner. These two new colors,purpleandteal, need to be defined some time by the design team and renamed by us in the future.
- Fixed the browser variable in
DOMUtils.
- Added the new icons to docs.
- Two new icons: "duplicate" and "users".
- Fixed the Modal's
closeButtonboolean condition.
- Updated Modal to work a little more like the Drawwer.
DOMUtils'sbrowserDetect()now checks for Firefox too.
- New icon "ban".
- The Phone Input's emojis were not working cross OS'. Switched to a flag CSS icons that will work for folks.
- Brand spanking new Phone Input.
- New Dropdown
selectionValueComponent&searchableprop.
- Input now handles the
teltype value correctly.
- Bumped React from version
0.14.8to version15.6.2.
- Fixes Dropdown's
inverse&selectioninput value not appearing when searching.
- Fixes Dropdown's
inverse&selectionvalue not appearing when input is focused.
- New text color class name,
color-warning. - Added an
inverseprop to Dropdown. Only works for selections for right now.
- Input value fix.
- New Input props:
maxandmin.
- Input's value accepts numbers now.
- New Prompt component. Only handles inline prompts for now.
- Changed Button's* onClick handler back to older es6 for now.
- Changed Button's* onClick handler method.
- Added
classNameto Accordion.Item.
- Fixed some Accordion.Item styling.
- Accordion now allows for custom content within Accordion.Item using the
summaryprop.
- Checkbox onClick is now passing the event the parent handler.
- Fixed a key warning that was being thrown by Accordion.
- Accordion can be inclusive by passing
falseusing the new props,exclusive. - Accordion's can now be nested in Accordion's.
- A
basicAccordion that uses Summary and Content containers is now styled.
- Changed the Divider's primary color and removed
color="light".
- New
labelStyleprop added to Input, Dropdown, and TextArea.
- Removed a Loader warning in Chrome.
- Drawer dimmer saturation experiment.
- Fixed the way Input number controls were adding and subtracting. Whoops. :)
- New number Input.
- Button's vertical alignment when having an icon is now aligned.
- Drawer.Header is aligned to mockups more appropriately.
- Radio has a
margin-right: 22pxnow instead ofmargin-right: 11px. - Moved Dropdown's required indicator to the right of the label and actually styled the asterisk.
- Elements adjacent to Dropdown, Input, and Textarea now has a
margin-top: em(26);. - Elements adjacent to Dropdown now has a
margin-top: em(26);.
- New Radio pill grouping.
- Removed Drawer's close button container height.
- Moved TextArea's required indicator to the right of the label.
- Changed Input and TextArea's required indicator negative space.
- New Header prop,
weight. enums:bold,normal, andsemibold.
- Moved Input's required indicator to the right of the label.
- Changed Drawer's inner container to have a bottom padding.
- Changed icon font name.
- Icon type
timesis now bigger.
- New Button prop,
relax. - New Divider color,
light. - New global text color,
color-success
- Dropdown (not selections) menu's now detect if they are in the viewport.
- Added a
browserDetectfunction.
- Removed the filter blur for when a Drawer is open.
- TreeMenu removed.
- Added a
filtericon.
- Divider:
relaxedprop now accepts the stringveryto add even more negative space. - Icon: fixed the color
warning. - Icon: removed temporary spinner icons and just left the one that looks the best.
- Drawer: Removed
setStateand replaced withstyle.paddingTopin the_onUpdatefunction.
- Added a
warning(orange) color to Button. - Added
onUpdateto Drawer. - Removed
ignorePaddingfrom Drawer.
- Upgraded extract-text-webpack-plugin.
- Ability to add Drawer.Header to a component child. The ability to pass props:
onClose,titleand etc from Drawer.Header is now obsolete. Props must be passed from the parent Drawer instead. - Added the ability to have an Icon along with a placeholder in the Dropdown component.
- Fixed Dropdown's disable background color.
- Importing BannerItem in Banner now.
- A fix for the UI docs website.
- Fixed Doc's Grid.Column
- Official first release of the React Church Management UI Library.
- New Banner view component.
- Moved SegmentedControls to Modules.
- Moved Accordion to Modules.
- Moved SubNavigation to Modules.
- Docs' code has been split and chunked. I've been looking into speeding up the end-user's user experience when first loading the app.
- Layered Drawer shadows have been fixed.
- Added Label documentation.
- Moved Accordion to Collections.
- Fixed the Accordion Item to have a
5pxtop margin. - Refactored the Label component.
- Checkbox check is now
10px. - Fixed the TextArea
autoHeighton render.
- Dropdown
valueprop update: now accepts propTypesnumberandstring.
- Added
onMonthChangeprop to DatePicker.
- The inner wrap for a Button now is a
flexbox type. This will fix the alignment issues when some buttons have icons and other do not. - Checkbox new prop:
inverse.
- Removed Container
actionBarprop and create a new sub component Container.Actionbar - Style refinements to Drawer.Header
- Button color prop update:
transparent. - Container color prop update:
transparent. - Label style refinements and code cleanup.
- Drawer.Header new prop:
inverse.
- Radio's have a right margin now.
- New Drawer.Header prop:
titleTruncate. - New Header prop:
title.
<SegmentedControls.Item>is now a capability with the SegmentedControls component.- Fixed Drawer close button right margin.
- Changed
heighttomin-heightin the Container's style.
- New Drawer
pathprop to handle route path changes.
- Updated Drawer & Input documentation to have anchor tags.
- new Dropdown props:
fluidandlabel. - new Container prop: 'actionBar'
- Changed the Drawer top padding.
- Added a
Variable.scssconfig file. Right now the only variable in there is CM's$nav-width. - Fixed padding for SubNavigation when in a drawer and in a mobile view.
- A new List common component. There isn’t documentation for this yet.
- A new Container common component. There isn’t documentation for this yet.
- Input and TextArea adjacent selector has been changed to a wildcard.
- Added a
buttonColorprop to Dropdown. - Two new icons:
cogandcomment-sms - Icon now has a
disableprop. - Added a
labelStyleCheckbox to style a Checkbox’s label content. - Tabs.Item style prop has been fixed. It previously wanted a string. Wrong! Now is an object.
- TableRow has a new
selectedprop. Yay! - TableHeaderCell now wants to know if the responsive width might either be
trueorauto. Also added thecollapsingprop this component. - TableCell now wants to know if the responsive width might either be
trueorauto. - Added some more logic to GridColumn responsive props. Now accounts for if the responsive width is a
boolorauto. - Drawer header and yPos scrollbar now have a 'z-index' to help with layering.
- Container component. (No documentation for this component yet.)
<Tabs.Item>is now a capability with the Tabs component.- Fixed Tabs component not indicating that there are more then three or more tabs.
- SubNavigation Items do not wrap and can now be scrolled.
- Added
z-indexof 1 to TitleBar.
- Time Picker component and documentation
- Fixed Drawer's
inverseprop and added an example.
- You can now use
<Grid.Column>or<Grid.Row>in order to not import the subcomponents in the parent. <Grid.Column>has a new way of specifying how wide a given column should be. Before:width={2}(2 / 12). Now:width={3}will be 3 columns wide.
- Updated icon
chevron-...type name tochevron-wh-...and added another lighter chevron to the mix. - Added colors to Button.
- A beautiful Dropdown component.
- Refactored Drawer's header. Now accepts header children.
- Removed Drawer's dimmer saturation and expanded the blur from 1px to 5px.
- Refactored Drawer's onClickOutside logic.
- SubNavigation component now has subcomponent capability. e.g.
<SubNavigation.Item />. - Moved
import 'TypographyDeprecation';into./src/scss/components/App/CoreApp.scssin order to have Docs and CM use the sameTypography.scssfile. What this change does: brings the new text rules into CM so we can utilize the new font rules that is taking place of what has been deprecated.
- CoreAppNavigation items now close when the menu is in mobile view.
- Added
react-selectto navigation's Packages section.
- Upgraded
react-responsivefrom 1.2.6 to 1.2.7 to remove an unmet peer dependency error in console. - Upgraded
react-selectfrom 0.9.1 to 1.0.0-rc.3. - Removed prop
squareand reclaimed propiconfor Button. - Refactored Drawer's header. Now accepts header children.
- Removed Drawer's dimmer saturation and expanded the blur from 1px to 5px.
- Added Accordion component and documentation.
- Added Loader component and documentation.
- Added Drawer component and documentation.
- Added Divider component and documentation.
- Added ability to give a Header component an anchor.
- Added ability to rotate an Icon.
- Added ability for a Button to be square to be used with an Icon.
- Added Modal component and documentation.
- Button example page now has a disabled sample. Sorry folks.
- Added react-portal to the navigation
- Removed
$border-grey-NUMBERvariables. - Fixed padding on buttons in Sub Navigation component.
- Added icon set to Icon page.
- Updated style guide files to v.1.6.2.
- SubNavigationItem's now have an onClick prop.
- Added Segmented Controls component and documentation.
- Removed the docs
<PanelHeader />component. - Removed
$bkgd-color variable names. ($border-color variable names, you're coming next. Yeah, it's a threat.) - Fixed the height of single line inputs, which caused a chain effect needing the text area to also be updated.
- Renamed
Tab.reacttoTabsItem.react.
- TextArea component and documentation.
- Checkbox Input component and documentation.
- Radio Input component and documentation.
- Navigation now has a
is-activeclass on items.
- Moved Tabs to Collections. (don't know how I missed that I put the component in the wrong category.)
- Fixed the Props table to a little more mobile friendly.
- Fixed bottom padding in navigation.
- Removed wrong Grid props and supplied the appropriate props for
<Grid />
- Sub Navigation component and documentation
- Added
react-selectto the navigation's list of UI packages that we use.
- Added a
Viewssection. - Added a
Tabsdocumentation to Views.
- Moved
CardsandTitleBartoViewssection. - Fixed Button documentation Icons samples.
- Start and End Service period text to help enduser on what to do.
- Added labels to from and to date range inputs
- You can now provide an array of events to Date Picker for the day to be marked that there are events.
- Button now has a width attribute to make a button a fixed width.
- Buttons grow larger in height when viewport less than 768.
- Input component and documentation is now complete.
- New Icon font files and styles.
- Icon documentation.
- Date Picker documentation.
- Uncommented Date Picker link in the navigation.
- Date Picker's are set to a fixed width now.
- Date Picker apply is static/disabled until dates have been selected.
- Fixed Card component onClick event causing error.
- Date Picker day hover background color.
- Version number updated to 0.0.5 in the Navigation
- Fixed onKeyDown problems existing when tabbed or returned
- Fixed Date Picker input date not passing value.
- Removed button sizes.
- Updated style guide files.
- Added a build-docs script to
package.json. - Mobile first style logic with new mobile header.
- Card component and documentation.
- Title Bar component and documentation.
- Table responsive width example.
- Code css rule to highlight code on the frontend better.
- Changelog list of changes and adds since 2017-02-01.
- Commented out Date Picker in the navigation.
- Changed docs build directory to
./docs/build. - Date Picker component misc. updates and fixes. (still a work in progress)
- Grid Text Align Sample fix.
- ColorNew config file variable updates. (still a work in progress)
- Updated color documentation.
- TypographyNew base file font color selectors.
- Updated structure of docs app. (title bar, props in card, etc)
- Button documentation fixes.
- New Webpack config file for docs and client.
- Date picker files. (still a work in progress)
- Moved docs directory into
./client/ - Moved JS UI components into
./client/js/components/UI - Moved SCSS UI components into
./client/scss/components/UI - Updated ColorsNew config file (still a work in progress)
- Changed colorEnums 'secondary' to 'alternate'
- Table Component responsiveness
- Migrated docs to the CM Repo