React-CM-UI

UI Assets for Church Management and related projects

Installation

Install React-CM-UI from NPM.

npm install react-cm-ui --save

Usage

Components

import { Button, Header, Grid } from 'react-cm-ui';

Styles

If you are using Webpack to build your App you can use resolve.alias and import the React-CM-UI's CSS.

In your Webpack config file.

resolve: {
    alias: {
        'css-cm-ui': path.join(__dirname, '/node_modules/react-cm-ui/lib/css/Style.css')
    }
}

In your app.

import 'css-cm-ui';

Run Docs

npm run docs:dev

Change Log

This project adheres to Semantic Versioning.

10.5.0

August 2, 2022

Core

• Added MUI Card and Paper Components PR #390

10.4.7

July 15, 2022

Core

• Fix styling on multi Select chips PR #385

Docs

• Improve multi Select example PR #385

10.4.6

June 28, 2022

Core

• Misc. fixes PR #382
  • Calmed Button Deprecated Warnings Down
  • FiltersDrawer Dropdown Value PropType Fix
  • TableHeaderCell Style Issue
• Fix disabled vs. disable in <DropdownMenuOption /> PR #383

10.4.3-hotfix

June 17, 2022

Core

• Added The Ability Have A Custom Gradient On An Icon. PR #379
  • Added more TS configuration so we can now fully write in TS.
  • Added Icon types.

Docs

• Converted Icon's examples to use the new patterns PR #379
  • Exporting propTypes from the Button component fixes the API documentation page.

10.4.5

June 9, 2022

Core

• Button disabled Bug Fix. PR #378
• Added The Ability Have A Custom Gradient On An Icon. PR #379
  • Added more TS configuration so we can now fully write in TS.
  • Added Icon types.
• Added Button Types. PR #380

Docs

• Converted Icon's examples to use the new patterns PR #379
  • Exporting propTypes from the Button component fixes the API documentation page.
• Fixed Docs' Button API Page. PR #380

10.4.4

May 26, 2022

Core

• Changed Drawer's onClickOutside prop to shouldCloseOnClickOutside. PR #376

Docs

• Input fields ExampleInputMask not working correctly. PR #375

10.4.3

May 25, 2022

Core

• Moved Drawer's onClickOutside event listener. PR #374

10.4.2

May 3, 2022

Core

• Check on Table's this.tableRef. PR #373

10.4.1

April 18, 2022

Core

• Move React and React-DOM to devDependencies and added React to peerDependencies . PR #343

10.3.14

April 18, 2022

Core

• Checkboxes disabled with disable can be still be clicked. PR #367
• Add error prop support for Select component. PR #371

Docs

• Add error prop support for Select component. PR #371

10.3.13

March 4, 2022

Core

• Import Fixes. ea848cd

10.3.12

March 4, 2022

• Fix Input (of type="number") so that some other useful keyboard keys and key combinations still work. PR #366
  • This inadvertently regressed in 10.3.7 ( PR #353 ) as part of an attempt to prevent invalid input by using the onKeyDown event to cancel keystrokes deemed not valid for entering a number. That attempt was, to say the least, a bit overzealous. This fix should make the number Input much more functional now.

10.3.9-hotfix-2

March 4, 2022

Core

• Import Fixes. ea848cd

10.3.9-hotfix

March 4, 2022

Core

• Fix Input (of type="number") so that some other useful keyboard keys and key combinations still work. PR #366
  • This inadvertently regressed in 10.3.7 ( PR #353 ) as part of an attempt to prevent invalid input by using the onKeyDown event to cancel keystrokes deemed not valid for entering a number. That attempt was, to say the least, a bit overzealous. This fix should make the number Input much more functional now.

10.3.11

March 02, 2022

Core

• Removed .scss extension. 7c0737e

10.3.10

March 02, 2022

Core

• Remove console warnings about use of disabled prop. PR #362
• Removed Input's showRequiredIndicator component state PR #365

Docs

• Eslint clean up. PR #359

10.3.9

February 15, 2022

Core

• Mobile ActionBar menu drawer now closes on an option click. PR #359
• ESLINT is back baby! PR #361

10.3.8

February 04, 2022

Core

• Fix to undefined PropType and removal of a prop warning.

10.3.7

February 04, 2022

Core

• Fix data-testid issue for <DataGroups>. PR #354
• Warning message is not displaying a properly format. PR #353
• ForwardedRefs, Button Type Prop, and Select Bug Fixes. PR #356
• close Actions Bar Drawer after option is clicked PR #355

Docs

• Updated Input Documentation. PR #353

10.3.6

January 27, 2022

Core

• Added onFocus function prop To Action Bar Search component. PR #352
  • This is to allow consumers to be notified when the search input is focused (e.g. using autoFocus prop) and, if necessary, make adjustments to the content area (esp. at smaller viewport widths).

10.3.5

January 20, 2022

Core

• Fixed Modal TS types. 9df63a8

10.3.4

January 19, 2022

Core

• Added data-testid To Drawer Container. PR #351
• Add some data-testid support for <ModalDeprecated> and add Close Button data-testid to <Modal> PR #349

10.3.3

January 12, 2022

Core

• Chip, Drawer, Label, and Table type fixes. PR #346
• DatePickerInput enhancements. PR #347
  • Add fluid prop to <DatePickerInput>
  • Add dataTestId support for <DatePickerInput> and add a unit test fixture for it, testing basic render and onChange event handling.
  • Also had to add dataTestId support for <Input>.
  • When you specify a dataTestId for <DatePickerInput> it actually is passed into the <Input> and ends up as a data-testid attribute on the underling HTML <input> element.
  • The rationale here is that the likeliest unit testing scenario (for higher level molecules and organisms using <DatePickerInput>) is needing to be able to trigger a change event and specify a value to the <DatePickerInput> directly (i.e. not attempting to interact with the calendar control).

Docs

• DatePickerInput enhancements. PR #347
  • Refactor/modernize the documentation for <DatePickerInput>
  • Divide into main page, Dev Sandbox section, and API section
  • Move all examples into separate component files and refactor them to use functional style.

10.3.2

January 05, 2022

Core

• Minor Table fixes. PR #345
  • Added scroll autoHide
  • Fixed table size header cell styling.
  • Moved Table SCSS to JSS.

Docs

• Minor Table updates to docs. PR #345

  10.3.1

  December 20, 2021

Core

• Added a defensive check in PhoneInputCountryDropwdown. PR #344

10.3.0

November 29, 2021

Core

• Added MUI Chip and Deprecated Label. PR #341
• Added MUI Box. PR #340
• Added MUI Timeline. PR #339
• Replaced Droid Serif with Georgia to help with load time. PR #336
• Fixes Sectional Tabs tab indicator styling issues. PR #335

Docs

• Added MUI Chip documentation. PR #341
• Added MUI Timeline documentation. PR #339
• Update Sectional Tabs documentation. PR #335

10.2.5

November 15, 2021

Core

• Fixed Image type defaultProps. PR #342

10.2.4

November 9, 2021

Core

• Fixed Image type prop. PR #337
• Fixed PhoneInput flags not being displayed. PR #338

10.2.3

October 19, 2021

Core

• Fix some styling issues on PersonCoreMilestones component. PR #334

Docs

• PersonCoreMilestones documentation improvements, including adding an interactive. PR #334

10.2.2

September 24, 2021

Core

• Action Bar Mobile Search Auto Focus. PR #333

10.2.1

September 20, 2021

Core

• Dropdown Button enhancements and fixes. PR #331
  • New DropdownButton.Heading and DropdownButton.Divider components.
  • Misc. styling fixes.

10.2.0

September 16, 2021

Core

• Button gap closures. PR #325
• List and Divider Chagnes. PR #327
  • List is now wrapping Material-UI's List and Divider components. You will need to use the prop designVersion and pass a value of 2 to be able to use MUI.
• MUI Skeleton, Button, List and ActionBar fixes, and Popover Update. PR #330

Docs

• Button doc update. PR #325

10.1.6

September 8, 2021

Core

• Theme Palette update. PR #324
  • Add action.disabledBackground
  • Change mode to type for better compatibility with Material UI v4.x (versus 5.x)
  • Update Material UI core and style dependency versions.
• PersonPanel updates. PR #329
  • Add new showSelectButton prop to PersonPanelDetails to optionally suppress the Select button.
  • Make showing Person ID in PersonPanelSummary more defensive.
• Improve Jest Test environment to remove certain console errors during test runs. PR #328
• Various dependency upgrades to address vulnerabilities courtesy of GitHub's "Dependabot".

10.1.5

August 12, 2021

Core

• TimePicker updates. PR #319
• Added mixins to the theme. PR #321

Docs

• New TimePicker doc changes. PR #319

10.1.4

July 16, 2021

Core

• Select changes. PR #317
  • New noResultText prop.

10.1.3

July 08, 2021

Core

• Select changes. PR #315
  • Added a bunch of new simple Select options for our examples.
  • Removed autoScrollSelection. No need for this. it should have been doing this all along without an extra prop. It now scrolls to the selected option on open by default.
  • Fixed disabled option styling.
  • Fixed scrolling to focused option, sense our component is using its own menu scroller.
  • Added and updated option props
• Prompt changes. PR #316
  • KeyDown Events for No and Yes buttons.
  • Focuses No button after child element click or enter key.

Docs

• Changes to: PR #315
  • Fixed the dropdown deprecated docs page.
  • Added more Select options for the demos.

10.1.2

July 08, 2021

Core

• New autoFocus and placeholder props in ActionBarSearch. PR #314
• Added button and subtitle2 to and updated subtitle1 in ./src/styles/createTypography.js. PR #313

10.0.8

July 08, 2021

Core

• New autoFocus and placeholder props in ActionBarSearch. Commits 21a1155 and cf83190

10.0.3-hotfix-2

July 08, 2021

Core

• New autoFocus and placeholder props in ActionBarSearch. Commits 5286b17 and 06c9811

10.1.0

July 06, 2021

Core

• Fix warning messages we were getting from MUI about ContentProps. PR #312

10.1.0

June 25, 2021

Core

• New Snackbar component and theme.palette updates. PR #310
• New icons added to our Icon set and fixes. PR #303
• New tranistion Fade component. PR #311
• Select updates and fixes. PR #309

Docs

• New Snackbar docs.
• Updated Icon docs.
• New Select docs

10.0.7

June 25, 2021

Core

• Fixed a typo in ActionBar, causing a JS error.

10.0.6

June 22, 2021

Core

• Moved Drawer's onCloseComplete func call to the setState callback.

10.0.3-hotfix

June 22, 2021

Core

• Moved Drawer's onCloseComplete func call to the setState callback.

10.0.5

June 17, 2021

Core

• New data-testids for: PR #304, PR #305, PR #306
  • DataCard
  • DataGrid
  • DataGroups
  • Drawer and its sub components
  • Grid and its sub components
  • PageActionBar
• To help with unit testing the Drawer's DOM query's are now defensive.

10.0.4

June 14, 2021

Core

• Added ability to add a Custom Scrollbar to the FiltersRail. PR #300

Docs

• Updated Demo Page and Demo Page's Filters Rail to demonstrate custom scrollbars and also fix some functionality/state-management issues.

10.0.3

June 08, 2021

Core

• Added new onCloseComplete prop to Modal.

10.0.2

June 05, 2021

Core

• Fixed Drawer's refs in onOpen to be defensive.
• Added data-testids to Drawer's shadow container and dimmer.

10.0.1

May 21, 2021

Core

• Fixed Grid's width styling issue. PR #296
• Added dataTestId props to: PR #298
  • ActionBar
  • AppBar
  • DetailsWindow
  • Drawer
  • FiltersDrawer
  • FiltersRail
  • Modal
  • Page

10.0.0

May 21, 2021

Core

• New Mobile Stepper component. PR #290 [2.0.0]
• New Modal component. PR #290 [2.0.0]
• Deprecated old Modal. Now renamed to ModalDeprecated. PR #290 [1.5.1]
• Updated Grid Component. Most old props deprecated now. PR #275 [2.0.0]

Docs

• Renamed old Modal to ModalDeprecated.
• New Modal docs
• New Mobile Stepper docs
• New Grid docs.

9.20-hotfix-3 - 05/06/2021

• PR #285 / Merge Commit bc11e21
  • Fixes PersonCoreMilestones Baptism title.

9.21.4 - 05/06/2021

• Fixes PersonCoreMilestones Baptism title.
  • PR #285 / Merge Commit bc11e21

9.21.3 - 04/26/2021

• Fixed PersonCoreMilestones unit test.

9.21.2 - 04/26/2021

• PR #281 / Merge Commit 89ad6a2
  • PersonCoreMilestones fixes.

9.21.0-hotfix - 04/26/2021

• PR #281 / Merge Commit 89ad6a2
  • PersonCoreMilestones fixes.

9.21.1 - 04/19/2021

• PR #278 / Merge Commit e5c01e7
  • FiltersDrawerMultiSelectLabel fix

9.21.0 - 04/16/2021

• PR #279 / Merge Commit 5fe25c4
  • PersonCoreMilestones Performance Improvments
    • New Prop: disablePopover

9.20.4 - 04/06/2021

• PR #277 / Merge Commit 801d85a
  • New PersonPanelDetails prop: selectButtonProps.
    • Accepts label and disable as child keys.

9.20.3 - 02/04/2021

Feature

• PR #271 / Merge Commit a1a1270
  • Added otherDataGroups to PersonPanelDetails.

Bug

• PR #271 / Merge Commit a1a1270
  • Fixed some PropType warnings.
• PR #272 / Merge Commit 233d95e
  • Fixes node-gyp build issues.

9.20.2 - 02/01/2021

Bug

• PR #270 / Merge Commit 887e9dcb1fa03222e63c90be385e574bdb7c1bce
  • Fixed button Dropdown active state.
  • Added colorActive to Button.
  • Updated theme.palatte.cyan[600] value to match design docs.
  • Fixed ActivityIndicator's theme PropTypes.
  • Fixed ActionBarActionsButton's Active color state.

9.20.1 - 01/28/2021

Feature

• PR #268 / Merge Commit 47efeb9a855a6f61f26221d6205f4958613fffdc
  • Added purple to ./src/styles/createPalette.js

Bug

• PR #269 / Merge Commit 0db4126cb8d0f79b789a07b74a16a7685139a737
  • Fixed Some PropType Warnings and ActionBarActionsDrawer Styling
• PR #266 / Merge Commit c2ffd51a053675bb525d60b40eb907bee2168467
  • bump gsap from 2.1.3 to 3.6.0
• PR #267 / Merge Commit 8b2b641e716d828b6b8bf04c3e709e187785df97
  • Popover Fix and Table Header Styling Fix

9.20.0 - 01/12/2021

Feature

• PR #265 / Merge Commit e6a07b579852588157949b947b6815d4bead6953
  • Refactored Popover to use MUI Popper.
  • Refactored PersonCoreMilestones to use new Popover API.
• PR #264 / Merge Commit 2949c0735df4ab31f6e6d15a4bea527c6f9e359c
  • Minor Eslint Clean Up

9.19.6 - 12/18/2020

Feature

• PR #262 / Merge Commit 0706f42ca8a9d78715c62d938fc86e8ac6f50223
  • Enhances Filters Drawer Nested Toggles and Multi Select components.

9.19.5 - 12/16/2020

Feature

• PR #258 / Merge Commit 0f909289fc25507f090efc0dfe001a071a0d5ecf
  • Use named callback functions (rather than lambda/"fat arrow" anonymous functions) for some components using React.forwardRef() for improved representation in React Developer Tools in the browser.
• PR #260 / Merge Commit fcbd3f118804305b4fc4ab5c3d07ca77e1d10980
  • Add "view" Icon type.
• PR #261 / Merge Commit 047b205f00a43eafb4784f77700f43f90680567a
  • DataGroups light code clean up.

Bug

• PR #257 / Merge Commit 09ecd18c0f14ef6ae25c903d12ed31d8fc36df38
  • Removed Grid Container In ActionsBar If columns is empty.
• PR #259 / Merge Commit 18da8f65b924c8f3aadcf60287f44d012c603f4a
  • Removed unwanted outline when A's are focused and enhanced Prompt's keyboard functionality (tab index and triggering on Enter key).

9.19.4 - 12/09/2020

Bug

• PR #252 / Merge Commit d835fe74d94a19f31d83fcf7cd99ba703b03151f
  • Fixed Filters Rail to push over content.

9.19.3 - 12/1/2020

Bug

• PR #250 / Merge Commit ed80399f0cc75eb22f0df309f7c07f3de8d5d1d0
  • Spread styles object for each columns on DataCard.

9.19.2 - 11/24/2020

Bug

• PR #241 / Merge Commit bb739813d679a0914c53d9abc3745e187c087181
  • Fixed Container Deprecated styling.
• PR #246 / Merge Commit e196f78e9648842960bc9e38742d39e200ac9d01
  • Minor Breadcrumbs, DropdownButtons improvements to match HC's Navigation 3.0.

9.19.1 - 11/05/2020

Feature

• PR #236 / Merge Commit e6d1af9ce14f448ca5913d440a29f94669b36c21
  • Some cosmetic change to the Deprecated Dropdown's scroll section.

9.18.4 - 11/05/2020

Feature

• PR #236 / Merge Commit e6d1af9ce14f448ca5913d440a29f94669b36c21
  • Some cosmetic change to the Deprecated Dropdown's scroll section.

9.19.0 - 11/03/2020

Feature

• PR #228 / Merge Commit 00b72e09f8c1835568b258c4aff4bfa320f71bec
  • Added css-mediaquery.
  • Renamed Container components to ContainerDeprecated
  • Added new Container and Content component.
  • Updated Page components to use new Container and Content components
  • Updated Drawer components to use new Container and Content components
  • Added gutters.drawer.sm to the theme.
  • Coverted FiltersRail's SCSS to JSS.
  • Coverted Rail's SCSS to JSS.
  • New createMatchMedia and waitForComponentToPaint methods in enzymeHelpers.js
  • Added Material-UI's Slide to our library.

Bug

• PR #228 / Merge Commit 00b72e09f8c1835568b258c4aff4bfa320f71bec
  • Fixed the Filters Rail to push over (shrink) Content when open.
  • Fixed the Radio Pill Group zIndex issue.
• PR #229 / Merge Commit a6434f565b4294f2b2bf9ab00a53519511f34b64
  • Fixed the warning that Material-UI was complaining about that had to do with the new Popover component.

9.18.3 - 10/21/2020

Feature

• PR #226 / Merge Commit d6192e3e3823542288358ca4bc69d362b7d213bf
  • Add promptTextCreator function prop to Select component so that this value can be specified and passed to underlying third-party React Select component for customization in "creatable" scenarios.

Bug

• PR #224 / Merge Commit 05f031b61a522260467288fdc5e850a3b0e4759a
  • Ensure that click event object is passed into DropdownButton's onMenuToggle when DropdownMenu's onClickOutside is triggered.
  • Also, add defensive check on event in DropdownButton's onMenuToggle before invoking stopPropagation() method on it.
• PR #226 / Merge Commit d6192e3e3823542288358ca4bc69d362b7d213bf
  • Fix some JSS styling bugs in Select.

9.18.2 - 10/17/2020

Bug

• PR #225 / Merge Commit 613c409c2df17b7cee1a551618117fce9d296f37
  • Fixes a bug with PersonPanel's birthdate.

9.18.1 - 10/12/2020

Bug

• PR #223 / Merge Commit c270ac2beffec3f4ad539899d7ca90ea760fb40b
  • Applies theme.zIndex values to DatePickerInput's calendar, Drawer, DrawerDeprecated, Modal, and Prompt.

9.16.4 - 10/12/2020

Bug

• PR #223 / Merge Commit c270ac2beffec3f4ad539899d7ca90ea760fb40b
  • Applies theme.zIndex values to DatePickerInput's calendar, Drawer, DrawerDeprecated, Modal, and Prompt.

9.18.0 - 10/08/2020

Feature

• PR #218 / Merge Commit 962dc32666ec4d3fcdc336e620a4e1af92d982a0
  • AppBar gap closures.

Bug

• PR #219 / Merge Commit 2e2dc14f0c2307034de03aa9d411eac6ac694cc5
  • Fixes disabled styling in Radio.
• PR #221 / Merge Commit 2c058e0b0f623572320b5a7c26d6f19b144240fa
  • Fixes styling issues in Select.

9.17.5 - 10/05/2020

Feature

• PR #217 / Merge Commit eb74b6f6fcf4bd8bd62145970346df69c9b51634
  • DropdownButton now stops click event propagation when clicked to expand the dropdown menu.

9.17.4 - 10/02/2020

Feature

• PR #216 / Merge Commit 3192b94644166ff9e0bf67f0d7f9fd843ecb3696
  • SubNavigation is now flat mapping through children instead of a regular ol' boring map.

9.17.3 - 10/01/2020

Bug

• PR #215 / Merge Commit 06c7a7236f9f6bbf6744e9cd17d714d95f198cbd
  • Change the word "Baptism" to "Baptized" in PersonCoreMilestones.

9.16.3 - 10/01/2020

Bug

• PR #215 / Merge Commit 06c7a7236f9f6bbf6744e9cd17d714d95f198cbd
  • Change the word "Baptism" to "Baptized" in PersonCoreMilestones.

9.17.2 - 10/01/2020

Feature

• PR #214 / Merge Commit 06c7a7236f9f6bbf6744e9cd17d714d95f198cbd
  • New component: Popover
  • Refactored part of PersonCoreMilestones to use the new Popover component.
  • Fixed bugs in PersonPanelDetails that were caused by some of the PersonCoreMilestones refactoring.

9.16.2 - 10/01/2020

Feature

• PR #214 / Merge Commit 06c7a7236f9f6bbf6744e9cd17d714d95f198cbd
  • New component: Popover
  • Refactored part of PersonCoreMilestones to use the new Popover component.
  • Fixed bugs in PersonPanelDetails that were caused by some of the PersonCoreMilestones refactoring.

9.15.3 - 10/01/2020

Feature

• PR #214 / Merge Commit 06c7a7236f9f6bbf6744e9cd17d714d95f198cbd
  • New component: Popover
  • Refactored part of PersonCoreMilestones to use the new Popover component.
  • Fixed bugs in PersonPanelDetails that were caused by some of the PersonCoreMilestones refactoring.

9.16.1 - 09/30/2020

Bug Fix

• Fixed an issue in DatePickerCalendar component and its change event handlers for previous month and next month.
  • Cherry-picked from PR #212 / Merge Commit 77896bc94f960cf1e425f42bbd8f977bfae57e91

9.17.1 - 09/30/2020

Bug Fix

• PR #212 / Merge Commit 77896bc94f960cf1e425f42bbd8f977bfae57e91
  • Fixed an issue in DatePickerCalendar component and its change event handlers for previous month and next month.

9.17.0 - 09/28/2020

Feature

• PR #207 / Merge Commit cb5233b6d19a73cd1892c172aaf6b375f2bc3014
  • Converted Radio SCSS to JSS
  • Fixed Radio pill group id bug
• PR #208 / Merge Commit f2e4cc19a390f40ebe9ebc8a3dd6d30453c13e3b
  • New Select component.
• PR #210 / Merge Commit a5f9e0972d5b4552c34f033a1998b392ad99deb0
  • Fix ESLINT issues in Radio Button components
• PR #209 / Merge Commit 03dd9e479802c681d82dedd9962421b8eae759eb
  • Enhanced Dropdown select options by adding is-disabled, is-focused, is-selected classes and added auto scrolling to the item.

Bug Fix

• PR #211 / Merge Commit d84f550e026b0555a557d3280efcf2e7c8c7dec8
  • Fixed PersonPanel child/student records displaying incorrect age.

9.16.0 - 09/16/2020

Feature

• PR #192 / Merge Commit 8544d9b3119124f346b10a0d122b34cfb388f484
  • DataGrid
    • New classes prop.
    • moduleType prop no longer required.
    • Converted SCSS to JSS
    • className is now in our new global constants file.
  • Updated PersonContactInfo, PersonCoreMilestones, PersonPanel with new Enzyme helper
  • Added height.actionBar heights to the theme.
  • Added spacing to the theme.
• PR #194 / Merge Commit 538b8f2defdac395b734ef4934d88fbb31e4a330
  • Refactored DurationPicker.
  • Updated versions with durationPicker versions.
• PR #203 / Merge Commit 1eefc85592f4834d7a848e57d845c863b2257921
  • Added onKeyDown prop and method to Button, DropdownButton, and Icon.
  • Added tabIndex prop to DropdownButton and Icon.
  • Added outline style to Button, DropdownButton, and Icon
• PR #195 / Merge Commit 6a05e68ad5ba728e2746d82bb61d71fd3b54d2af
  • New dependencies: react-resize-detector and jest-react-hooks-shallow.
  • Added a theme to DropdownButton and DropdownMenu components.
  • Converted DropdownMenu SCSS to JSS.
  • New components: Breadcrumbs and SectionalTabs
  • Updated versions with breadcrumbs and sectionalTabs versions.

Bug Fix

• PR #201 / Merge Commit 053c3500a7e787794defc2ed253b144721302246
  • build(deps-dev): bump node-sass from 4.12.0 to 4.13.1
• PR #206 / Merge Commit 79333088266dbfb3b951fde6e551787e569a2591
  • Fixed outline styling for when click on a Button, DropdownButton or Icon.

9.15.2 - 08/27/2020

Bug Fix

• PR #197 / Merge Commit 0bac4d4923b52b014f3bd5ac401d22ecb592b310
  • Fixed a small JSS style bug affecting PageContent component.

9.15.1 - 08/26/2020

Bug Fix

• PR #193 / Merge Commit 000718b6ac81829fd4897815d12aefd431ee1bd7
  • Added some defensive checks on PhoneInput's dropdown values.
  • Removed the "international" option from PhoneInput dropdown options.

9.15.0 - 08/21/2020

Feature

• PR #186 / Merge Commit 16d06373f870432f09ec9b6c96224e8b88e5e908
  • Reorganized Components In ./src
• PR #189 / Merge Commit 43bf9894dd4b830551662ed8a67c264e12716781
  • Change to allow disabling international region code for phone numbers.
• PR #190 / Merge Commit f2142f54cb4f2cd41698d4d608367bc5d33e92d5
  • Added customFormat prop to DatePickerInput

9.13.6 - 08/12/2020

• Fix Radio Button onClick handling when multi prop is set to true (Commit 72fdd9206ba26b685a0b4fd4c640aa16e37fffaf)
  • Cherry-picked from PR 184 / Merge Commit 51781117d934a019133cbb81d2ee22289da379e6

9.14.1 - 08/06/2020

Bug Fix

• PR #184 / Merge Commit 51781117d934a019133cbb81d2ee22289da379e6
  • Fixes handling a click on radio item with multi option.
• PR #185 / Merge Commit f5f3eb9414c60b691ccc00166f052edef84d3ba7
  • Page Details Window gutter fix.

9.13.5 - 08/05/2020

Bug Fix

• Fix Page Details Window Gutter (commit 3a0ccd7a93d93ffee21a1b7b8c2246a7890e3bff)
  • Cherry-picked from PR 185 / Merge Commit f5f3eb9414c60b691ccc00166f052edef84d3ba7

9.14.0 - 07/31/2020

Feature

• PR #180 / Merge Commit 5d51bbe0a255470fddfeb78209af3df54c234c11
  • Added react-sortablejs to handle D&Ding DataGridTableRows
• PR #181 / Merge Commit 2621c598c6703dbe4fe2136fd9e644d20ef8b672
  • Updated Modal styling to match design.
  • Added warning color to Prompt's inlineMessageColor.

Bug Fix

• PR #181 / Merge Commit 2621c598c6703dbe4fe2136fd9e644d20ef8b672
  • Fixed bug in TextArea.

9.13.4 - 07/16/2020

Bug Fix

• PR #176 / Merge Commit d899aef82d3a1694facc04b2de92ef29f1c7357d
  • bump lodash from 4.17.15 to 4.17.19
• PR #177 / Merge Commit 5a81b0e723d4035b703bb0ff639b07ee2a03f6f2
  • Added withWidth HOC.
• PR #179 / Merge Commit f80cd59eadab30e53a98a007d7a72b6d045afa87
  • Fixed Table sticky bug.

9.13.3 - 07/10/2020

Bug Fix

• PR #175 / Merge Commit 16b712761bd911386bfb1a04b61a02f96c11828d
  • Person Panel
    • Reordered hooks to have all components read the same.
    • Passes in props to the makeStyles hook so we can override the root class in parent components.
    • Added className prop.
    • Added an expect in the root classes test to make sure it's rendering the override class.
    • Added a test to for className
  • Person Panel Summary
    • Reordered hooks to have all components read the same.
    • Code clean up
    • Added className prop.
    • Added id prop.
    • Added an expect in the root classes test to make sure it's rendering the override class.
    • Added a test to for className
    • Added a test to for id
  • Person Panel Details
    • Reordered hooks to have all components read the same.
    • Added className prop.
    • Code clean up

9.13.2 - 07/08/2020

Bug Fix

• PR #160 / Merge Commit b719dd0d72f05c9f6a99e81c5b1576421beb3e2d
  • Eslint Auto Fixes.
• PR #173 / Merge Commit 66ff8c3adb9f6049e1286278c54737c07ea898c7
  • Fixes some PersonPanel bugs.
  • Moved PersonPanel files to ./src/dataDisplay/personPanel
  • PersonPanel component unit tests.
  • Fixed our babel config that was including tests in ./core.

9.13.1 - 07/02/2020

Feature

• PR #174 / Merge Commit ee4630fd1debc82452102239e799d192e8532ff3
  • Fixed Checkbox bug.

9.13.0 - 06/26/2020

Feature

• PR #147 / Merge Commit 03ee127a7823367e0f7e26e652b941549a62d9fe
  • New PersonPanel components.
• PR #159 / Merge Commit 5d3de5da2e6fdcbfdf0e4a78e7136d6a236b4cb5
  • Refactored Table sticky column(s).
• PR #170 / Merge Commit f78366dc674fb21672dc1628893166b6fe39e8cc
  • Cleaned up Icon and added ability to suppress title.

Bug Fix

• PR #161 / Merge Commit 983f432c5928667f6e1f9981ef6da58a13e3eb95
  • Fixed DropdownButton's menu being cut off in Chrome.
• PR #163 / Merge Commit a10ead45ace696c891d8d49ecd50d42c8cbef637
  • Deprecrated disabled prop and added disable prop.
• PR #165 / Merge Commit e4117c4210b8e13ac72cc86df4eb89987b2c99f2
  • Fixed design issues, when using actionbarButtons in Drawer for smaller viewports (Mobile).
  • Refactor widths of Drawer.TitleBar & Drawer.ActionBar based on new designs.
• PR #167 / Merge Commit 142192cb1933799e75583c4805b7528e2e39972d
  • Fixed action bar button drawer overlapping issue on Drawer when Drawer. Navigation is included for Drawer.
• PR #168 / Merge Commit 569a4c6ca83605e2e90720127bd7a9f27efa5e90
  • Fixed search text box overlapping content in our the sm breakpoint.
• PR #169 / Merge Commit fa4006846b357905e0596a9bb5f4c0879a7323d1
  • Fixed Page gutters in order to close gap between design and dev.

9.12.1 - 06/12/2020

Bug Fix

• PR #156 / Merge Commit f220b42d63b9da455540975b6ec187ebe35488c4
  • Drawer and DrawerDeprecated zIndex fixes.
  • Added isModal prop to Drawer.
• PR #157 / Merge Commit 6d97221cc5496312b25491042bb164e8d98c2d38
  • Fixed DataGrid column cell alignments.

9.11.2 - 06/12/2020

Bug Fix

• Drawer and DrawerDeprecated zIndex fixes.
• Added isModal prop to Drawer.

9.12.0 - 06/09/2020

Feature

• PR #154 / Merge Commit 800011d9afd045cfaf822878511292bfeaf7cee0
  • Added DataGrid Props To Support Styling.

9.11.1 - 06/04/2020

Bug Fix

• Fixed compile script to include ./src/colors and ./src/dataDisplay/icons directories.

9.11.0 - 06/03/2020

Feature

• PR #140 / Merge Commit 58e8467ba295b016156fbe9ca610fd8ec3b7f61d
  • Added useTheme To Styles.
• PR #145 / Merge Commit a5f332c578223e35d4be15c15d9c62cee71f6c1f
  • Modify action button drawer component to take custom classes.
• PR #146 / Merge Commit a5f332c578223e35d4be15c15d9c62cee71f6c1f
  • Add id prop to <A> component
• PR #148 / Merge Commit eac1e10377b879a1d6252d9b2be29a18cc906581
  • Banner and Z-Index Changes.
• PR #150 / Merge Commit 8bd599326be714d493bea953a0c6603732176a8d
  • Added and Fixed Data Type - Person Icons.
• PR #151 / Merge Commit 78dab928501e185437f2bc9a0549a21778467489
  • Added Palette, Shape, Transitions, and Typography to the theme.
• PR #152 / Merge Commit 7b32e20b9d83bc79d52b586d4af856cb65274467
  • Added new Typography component.

Other

• PR #142 / Merge Commit 90ca4c9a432367e77a250d62733e6f3a1605649a
  • Implemented Jest Framework.
• PR #143 / Merge Commit 607529e9d4e33ead1bb9670d02ed6ce24bbb6124
  • Add explicit import of things from @jest/globals package

9.10.1 - 05/11/2020

Bug Fix

• PR #138 / Merge Commit 0d42cc33ef08afc1416336eff809017b019432b2
  • Fixed pacakge build error.

9.10.0 - 05/07/2020

Feature

• PR #136 / Merge Commit f468d5032bd818fdb105d9ceeeeecc7fafb36ef8
  • Drawer Content gutters were widened.
• PR #137 / Merge Commit 923b3fb7d630627bb34d668cfd9e2f7acc8694ff
  • Page/Drawer ActionBar actionsButton has the ability to change icon now.

Bug Fix

• PR #138 / Merge Commit 980e4589d6db19d738d5ac1b1f624316b618110b
  • Gulp inputs script fix.

9.9.0 - 04/27/2020

Feature

• PR #134 / Merge Commit bc7a86698b0f78cc25420869047299b5963fecac
  • Prompt passes the "yes" and "no" click events through.
• PR #135 / Merge Commit 7772a61edd8ede424420774bb64dbbba5e7eb4b8
  • Moved input type components to a new dir/category, "Inputs".
  • Changed all PropTypes.object to PropTypes.shape({}).

Bug Fix

• PR #132 / Merge Commit 01214de064ffdd4130d663bda9c97482d0212c90
  • Moved Cell phone icon to center.
• PR #133 / Merge Commit 1b9a831989481e65d04573b5b490d15973ce6e8d
  • Validating drawer header exists before trying to modify its padding size.

9.8.0 - 04/14/2020

Feature

• PR #131 / Merge Commit 354883a1051d993bb894fb3822acf5b8e9dc488a
  • Reorganization of components.
  • Implemented some of Material-UI's styles.
    • We now can do JSS using makeStyles or withStyles.
    • We now have the starting to a global theme, starting with breakpoints.
  • New versions.js. This is part of the UI gap closure.

9.7.1 - 04/09/2020

Bug Fix

• PR #129 / Merge Commit c28481c5996728da074168de20cb639dd3b7603d
  • Drawer animation performance fixes.
• PR #130 / Merge Commit 67b937e14aef945661c74cae52c4b93ddbe0216c
  • Input required prop fixes.

9.7.0 - 03/18/2020

Feature

• PR #128 / Merge Commit a9609215224a5da0baeaf9304ecd36737a222a98
  • Page: Implemented forwardRef.

9.6.2 - 03/12/2020

Bug Fix

• PR #124 / Merge Commit 8d9be9cbb345231569d17fdb82609d68d8822a99
  • Fixed color import.
• PR #125 / Merge Commit 7ea8d16ffc190b126ca4d265ec4ea355bbcf3411
  • DetailsWindow: Implemented forwardRef.

9.6.1 - 03/12/2020

• PR #123 / Merge Commit 16f9955044e5becb70cea358f1b938c4b5a0a807
  • Fixes DrawerDeprecated Regression

9.6.0 - 03/12/2020

Feature

• PR #120 / Merge Commit 473f44ffcbdfed6d107d2babc70f5bdcc4e6dd49
  • Added ability to change the FiltersRail and FiltersDrawer component's breakpooints.

Bug Fix

• PR #121 / Merge Commit 5b519df7acb55832fd1aaaa249f145143b55661a
  • Fixes the body scroll issue when opening a Drawer.
• PR #122 / Merge Commit 8c9710987d7d64eddb1dbc70f29e6dec37ac55e0
  • Fixes style not being spread into the Drawer component's container style prop.

9.5.0 - 03/10/2020

Feature

• PR #115 / Merge Commit 04ce4cef66cc6c701878adb22f13f11614b1e3a1
  • New TimeFromNow utility component.
• PR #116 / Merge Commit dc94ccfdbfe97e5a2bcbebdb1b1eecff88afb4ea
  • Added the ability to update the Drawer component's maxWidth.

Bug Fix

• PR #117 / Merge Commit 6eb654dfaa138ef1bf57b82e90445d4afb700c3e
  • Fixes the outline issue with some of our buttons in iOS.
• PR #118 / Merge Commit ab5453bfc1f8788e327b3703ae8330ef0a9391db
  • Fixes the -webkit-appearance issue with our Input and TextArea components in iOS.
• PR #119 / Merge Commit 4e4d33e5fea81af326ee3d48eaec0ac88c14d089
  • Fixes some issues with our Drawer component's ActionBar border-top.

9.4.0 - 03/05/2020

• PR #114 / Merge Commit 27e4d90edba46584765b45dc651afc174ab4f959
  • Icons:
    • New icons.
    • Renamed some current icons (old names are aliases now) to close design/dev gap.
  • Refactored timeFromNow util function.

9.3.1 - 02/19/2020

• PR #112 / Merge Commit 619db3f1349b567f8e690d09678e0d2b65d40a05
  • Fixes the crash on DataGridTableRow render.
• PR #113 / Merge Commit 2b327385e4ff0176730a44b870f35246b677e637
  • Fixes Dropdown being a child of Prompt.

9.3.0 - 02/18/2020

• PR #104 / Merge Commit f5a6aee8865df85ef603ec3c16dbec7a86727113
  • Reworked file structure. All of our components have been organized into their respective atomic directories: Atoms, Molecules, Organisms, and Templates.
• PR #110 / Merge Commit b5e0741ea0f00cf3dbe001b173ae969941357dfb
  • Added new DropdownButton component.
  • Deprecated the Dropdown button prop.
  • Added new A component.
• PR #111 / Merge Commit d971ac189a3b2120c271fbd0a039ec4977c143ed
  • Added basic props to the DataGrid rowProps prop.

9.2.0 - 01/30/2020

• PR #109 / Merge Commit f5a6aee8865df85ef603ec3c16dbec7a86727113
  • New backgroundColor prop in our Page component. Accepts the values white or grey.
  • The Page gutter has been fixed according to Design Guidelines.

9.1.0 - 01/27/2020

• PR #108 / Merge Commit cd51d26f14b41391289f120a3f824808480c0cfd
  • Checkbox
    • Cleaned up Eslint issues.
    • Fixed disable styling for when checked or not.
  • DatePickerInput
    • Added a new fluid prop.
  • Grid
    • Component uses React.forwardRef.
    • Added a new form prop.
  • Grid.Column
    • Component uses React.forwardRef.
    • Added a new fieldType prop. Accepts one of the following: checkbox, legend, radio.
    • Fixed children propType warning.
  • Grid.Row
    • Component uses React.forwardRef.
  • PhoneInput
    • Fixed disabled value label color.
    • Fixed disabled country dropdown.
    • Fixed fluid styling.
  • Radio
    • Fixed disabled label color.
• PR #107 / Merge Commit 365f81e1953b55f7cdc8bb861ce3861fde69a2a2
  • No PBI Fixes resizing sticked columns.

9.0.1 - 01/10/2020

• PR #106 / Merge Commit 67f158e
  • Header's defaultProp color was changed to text accidently while fixing some Eslint issues. The default value should be undefined.

8.0.4 - 01/10/2020

Bug Fix

• PR #106
  • Header's defaultProp color was changed to text accidently while fixing some Eslint issues. The default value should be undefined.

9.0.0 - 01/08/2020

Feature

• Commit 59b9716
  • Added className and id to HeaderSubHeader.
• Commit eca4611
  • Added form to the Grid's propTypes. This will give a Grid the vertical negative space it needs between each Grid.Column housing a form field.
• Commit 0daf4e9
  • Renamed the dateUtils "format" functions for better use.

Bug Fix

• Commit 0daf4e9
  • Fixes the list in ActionBar from being centered.

Bug Fix

• PR #99
  • Fixed typo 'Decemeber' in month picker.

8.0.3 - 01/08/2020

Bug Fix

• PR #99
  • Fixed typo 'Decemeber' in month picker.

8.0.2 - 01/08/2020

Bug Fix

• PR #100
  • Fixes problem with DetailsWindow column' styling.
  • Version 8.0.1 was supposed to include this PR, but somehow I missed the one change that was supposed to go into it. Doh!

8.0.1 - 01/08/2020

Bug Fix

• PR #100
  • Fixes problem with DetailsWindow column' styling.

8.0.0 - 01/06/2020

Feature

• 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 <FiltersDrawer /> 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
• PR #95
  • Table Row Reordering with Drag and Drop.

Bug Fix

• 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.

7.2.3

Bug Fix

• PR #94
  • PR #94 fix the DatePickerInput year dropdown positioning.

7.2.2

Bug Fix

• PR #91
• PR #90
  • PR #90 and #91 fix the DataGrid id bug.

7.2.1

Bug Fix

• Removed .jsx extensions.

7.2.0

Feature

• 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-status and preferred-service.

Bug Fix

• PR #85
  • Fixed accessedData function.
• PR #89
  • Fixes the DataGroups column style bug.

7.1.0

Feature

• PR #83
  • New child and home icons.
• PR #84
  • New Icon color, disable.

Bug Fix

• PR #81
  • Fixes a DataGroups style bug in Chrome.

7.0.0

Feature

• 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!
• 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 timeFromNow function to dateUtils.
• Added formatShortWithSpecifiedTz function to dateUtils.

Bug Fix

• 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.

6.4.6

Bug Fix

• Updated ActionBar's search clear icon to match design's UI library.
• Removed ActionBar's magnification icon when in mobile view.

6.4.5

Bug Fix

• Changed the way we import our css exported color variables into JS for some Jest research.

6.4.4

Bug Fix

• Changed the way we import our css exported color variables into JS for some Jest research.

6.4.3

Bug Fix

• 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 null upon 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.

6.4.2

Bug Fix

• PR #72
  • Fix possible dereference of undefined during 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.

6.4.1

Bug Fix

• PR #71
  • Fixed regression in certain nested Drawer scenarios caused by a default value of "top" for the new positionY prop. positionY prop 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 to overflow: hidden; in the CSS for the sticky drawer.

6.4.0

Feature

• PR #59
  • Added ability to make Drawer component sticky and set max-height for those sticky drawers
• PR #63
  • Improvements for Page.ActionBar
    • Added the ability to disable an action bar button
    • Better view for icon buttons
• 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 onClick action is actually fired.
• 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.

6.3.1

Bug Fix

• PR #62: Bug Fixes in Page.ActionBar and various sub-components:
  • Add a missing piece to wire up new ActionBar search onClearClick event 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.

6.3.0

Feature

• PR #58: Adds some new sticky column(s) functionality to Page.Table.
  • New props: handle, stickyColumnWidth, and stickyColumns.
• New droplet icon added to the Icon component.
• New expand (alias: contract) icon added to the Icon component.
• New ActionBar search onClearClick event handler.
• We're now using Airbnb's eslint config rules!

Bug Fix

• Fixed our exported dateUtils class to not throw errors when using certain utility functions it has to offer.
• Added dateUtils functions not in react-cm-ui's class from HC's dateUtils file to sync up. HC is now supposed to be using react-cm-ui's dateUtils functions instead of the now deprecated HC dateUtils functions.
• Button only has one height now. No more 44px for desktop.

Doc

• Split up the ./docs/src/elements/icon.js file into two, ./docs/src/elements/iconSet.js and ./docs/src/elements/iconExamples.js and 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)."

6.1.4

Feature

• Added a new prop, selectedColumnIndex to Drawer.Navigation to fix a state issue.

Bug Fix

• Fixed a Drawer style bug that was overwriting DrawerDeprecated's styles.

6.2.3

Feature

• Same added feature for Drawer.Navigation as in 6.1.4.

6.1.3

• Don't ask.

6.2.2

Bug Fix

• Same bug fix for SCSS background colors as in 6.1.2.

6.1.2

Bug Fix

• Fix an issue where some of the SCSS background colors were incorrectly set (not using the correct color name).

6.2.1

Bug Fix

• Same bug fix in <DatePickerInput /> as in 6.1.1.

6.1.1

Bug Fix

• 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.

6.2.0

Feature

• New <ActivityIndicator /> component! Whoopee!
• <Page />
  • New Prop: id. This prop checks for a string.
  • New Prop: isDataFetching. This prop checks for bool
• New class names based on BEM for when our <Drawer /> and <Page /> components have an Action Bar.

Bug Fix

• Fixed the placement of the anchor icon in <Header />.
• Fixed the href prop logic for <Button />.

Docs

• New <ActivityIndicator /> component documentation.
• New <Page /> component documentation.
  • Includes a demo page.
• Removed some of our documentation block code highlighter's height problems.

6.1.0

Feature

• 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.
• Refactored how the prop, id, was being rendered for <TimePicker />.
• Added a security check around the onClose function in <Drawer />.
• <Drawer.ActionBar /> and <Page.ActionBar /> now use the same ol' code.

Bug Fix

• PR #56: Fixes generating the key for the Page.Table header cell.

6.0.2

Bug Fix

• All <Drawer /> header and content sub components now are positioned correctly.

6.0.1

Bug Fix

• Removed the .scss extension on the color import in <Image />.

6.0.0

Feature

• PR #53: Adds some new functionality to the <Image />.

  • New Prop: border. This prop checks for one of the following types: bool or number.
  • New Prop: borderInverse. This prop checks for bool
  • New Prop: type. This prop checks for one of the following strings: person or user. Leaving this prop as undefined gives you the ability to use the component as a basic <img />.

  Breaking Change

  • Removed of <Image />'s avatar prop to favor the new type prop.

• New color, colorSubNav, name added to our color function.

Bug Fix

• <Drawer.ActionBar /> got into a bad state with the last BEM name changes. All fixed.

5.2.0

• #54: Fixes ReactJS componentWillReceiveProps warnings about needing to switch to componentDidUpdate.
• 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 $bkgd to achieve a hex value from colors.scss. Instead, import the same way, and use the function color(backgroundColor).
  • In JS, you can now use our colors.scss variables by importing the desired color variable. e.g. import { backgroundColor } from 'colors.scss'.
• 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 /> columns updates:
  • New button property
  • New list property
    • New actionsButton property
    • New iconBack property
    • New iconFilter property
    • New iconGrid property
    • New iconSearch property
    • New iconTable property
  • New search property

5.1.1

• Moved <Page /> component and its sub components to the ./src/modules directory.
• 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.dropdown property!
  • New rows.items.multiSelect property!
  • New rows.items.nestedToggles property!
• New <Drawer.Details /> component!
• Exported our ./src/shared/styles/colors.scss so 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.

5.1.0

• Applied the <PhoneInput /> from v4.1.4-hotfix to this release.

5.0.6

• Fixed a <Page.Details /> bug.

5.0.5

• Fixed a <Page.Details /> bug.

5.0.4

• Added some style capabilities to <Page.Details /> and fixed some as well.

5.0.3

• Fixed a bug in <Drawer /> & <DrawerDeprecated /> that caused body class names to be removed when still needed.
• Fixed mobile styling for <Drawer.Wing />

5.0.2

• Fixed a bug in <Page.ActionBar />.

5.0.1

• Fixed a bug in <DrawerDeprecated />.
• Duplicated <Drawer.ActionBar /> in <Page.ActionBar />.

5.0.0

• 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 />

4.4.1

• Whoops, forgot the <Page.Details /> import.

4.4.0

• New <Page.Details /> sub component!

4.3.1

• Whoops, forgot the <Page.Grid /> import.

4.3.0

• New <Page.Grid /> sub component!

4.2.3

• 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.

4.2.2

• Added <Page.Table /> sub component scss!

4.2.1

• Whoops, removed a .scss import from a .js file which was causing an error when installing.

4.2.0

• New <Page.Table /> sub component!

4.1.4-hotfix

• Added new <Phone.Input /> component.
• Applied the fix from the <DrawerDeprecated /> in v5.0.3 to <Drawer /> to this release.

4.1.4

• Fixed some <Page /> sub component layer issues.

4.1.3

• Added some styling to <Page.Container />. I guess, it now does something.
• Made the <Page.ActionBar /> sticky.

4.1.2

• Upgraded lodash from v.4.17.11 to v4.17.14 to remove a high risk vulnerability.

4.1.1

• Whoops, I failed with a SCSS import and couldn't publish. Apologies. The import path is fixed.

4.1.0

• 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 />

4.0.4

• Just one more <Modal /> style fixed.

4.0.3

• Some <Modal /> style fixes to match what's in the design toolkit.

4.0.2

• Fixed <Table /> size to have a min-height instead of using padding to cause that height.

4.0.1

• Fixed the compile script to grab images in the new directory.

4.0.0

• Changed file structure to use Feature First (Pods).
  • Breaking change if you are linking to style.css or the individual .css files

3.0.2 - 2019-06-20

Added

• Added a size prop to <Table />.

3.0.1 - 2019-06-13

Changed

• Added files to package.json and remove .npmignore.js.

3.0.0 - 2019-06-12

Changed

• Fixed security risks caused by dev dependencies.
• Upgraded Webpack from v3 to v4.
• Upgraded Gulp from v3 to v4.

2.0.23 - 2019-06-07

Added

• Added link-external to the <Icon /> set.

2.0.22 - 2019-05-31

Fixed

• #49: Fixes initialization of <Card /> View.
• Fixed <Icon /> svg style.

2.0.21 - 2019-05-28

Added

• Added a left border to the <Drawer.Wing />.

Changed

• <Checkbox /> label can either be a string or object.
• An id is now applied to the <Checkbox /> container as well to its hidden input.

2.0.20 - 2019-05-20

Added

• #48: <Button /> outline can have different colors now.

Fixed

• #45: <Avatar /> (User Icon) Image Fixes/Enhancements
• #46: Fixes warnings on passing object as title for drawers.

2.0.19 - 2019-05-17

Fixed

• Remove isOpen from 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.

2.0.18 - 2019-05-16

Fixed

• <Drawer /> & <Modal /> were not cleaning up after themselves when unmounting; they now do.

2.0.17 - 2019-05-14

Fixed

• Whoops! Forgot to check my work and had the <Modal /> ZIndexes incorrect.

2.0.16 - 2019-05-14

Fixed

• Fixed a <Modal /> bug.

2.0.15 - 2019-05-09

Fixed

• Second attempt to fix the bug in <Drawer /> by ensuring the removal of the _onClickOutside event 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 (in 2.0.14) was unsuccessful. Hopefully this version will fare better.

2.0.14 - 2019-05-08

Fixed

• Fixed a bug in <Drawer /> by ensuring we remove _onClickOutside event listener on unmount).

2.0.13 - 2019-05-07

Fixed

• 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.

2.0.12 - 2019-05-07

Added

• Ability to mark a <Dropdown.Item /> as disabled.

2.0.11 - 2019-05-01

Fixed

• Removed console logs in <Drawer />.

2.0.10 - 2019-05-01

Fixed

• Fixed a <Drawer /> bug.

2.0.9 - 2019-04-30

Fixed

• Fixes the issues when <Drawer /> child's onClose was overridden.

2.0.8 - 2019-04-28

Added

• <SubNavigation /> and its child components accept IDs now.

2.0.7 - 2019-04-27

Added

• <Tabs /> and its child components accept IDs now.

2.0.6 - 2019-04-27

Added

• <Table /> and its child components accept IDs now.

2.0.5 - 2019-04-27

Fixed

• Added another condition to look if <Drawer /> is open before trying to add a style.

2.0.4 - 2019-04-26

Fixed

• Fixed a <Drawer.Header /> bug.

2.0.3 - 2019-04-25

Fixed

• Fixed <Banner /> bug after upgrading to React 16.8.6.

2.0.2 - 2019-04-25

Fixed

• Fixed <DatePickerInput /> react-tether component.

2.0.1 - 2019-04-25

Fixed

• Removed <MenuTree />. It was unused and never an officially designed component.
• Upgraded react-tether.

2.0.0 - 2019-04-25

Added

• Added a new <Drawer.Wing /> color: grey.

Changed

• Upgraded React from version 15.6.2 to 16.8.6.

1.20.1 - 2019-04-11

Added

• <Card /> and <PhoneInput /> now accept IDs. This is the same change as v1.19.6.

1.20.0 - 2019-04-09

Changed

• Upgraded react-dnd.
• Upgraded react-portal which caused some refactoring of our <Banner />, <Drawer />, and <Modal /> components.

1.19.6 - 2019-04-11

Added

• <Card /> and <PhoneInput /> now accept IDs.

1.19.5 - 2019-04-09

Added

• <Prompt /> now accepts an ID.

Fixed

• <Radio /> does not allow a click to happen when disabled.

1.19.4 - 2019-04-04

Added

• <DropdownItem /> and <Banner /> implements the id value passed to them now.

1.19.3 - 2019-04-04

Fixed

• Fixed a bug when a selected <DatePickerInput /> and <DatePickerCalendar /> day is on an day that has an event.

1.19.2 - 2019-04-01

Fixed

• <DatePickerInput /> and <DatePickerCalendar /> allow null now.
• The onChange event handler will not fire if <DatePickerInput /> and <DatePickerCalendar /> is disabled.

1.19.1 - 2019-03-28

Added

• <DatePickerInput /> and <DatePickerCalendar /> modules get a much needed - forgotten - style prop.

Fixed

• Changed the <Icon> display property from inline-block to inline-flex to fix some alignment issues throughout HC.
• Removed the <button> wrapping caret icons in <Input />.

1.19.0 - 2019-03-28

Deprecated

• <DatePicker /> has been deprecated. Please use DatePickerInput or DatePickerCalendar. <DatePicker /> will be removed in the next major version of react-cm-ui.

Added

• New <DatePickerInput /> and <DatePickerCalendar /> modules.

1.18.11 - 2019-03-20

Fixed

• Rearranged the placement of where we render the Dropdown id.

Added

• Added the prop id to Accordion.

1.18.10 - 2019-03-04

Fixed

• Removed componentDidUpdate from Input to fix some state issues when using an onChange event handler. :)

1.18.9 - 2019-02-26

Fixed

• Upgraded lodash dependency to fix a possible security vulnerability identified by npm audit.

1.18.8 - 2019-02-26

Fixed

• 1.18.6 inadvertently caused some browsers to show a gray background for the Input type number spin box controls (up and down arrows), likely due to user agent defaults for button elements. This patch sets a transparent background color for these.

1.18.7 - 2019-02-26

Added

• Added 200 and 300 as font-weight options to the sans serif font.

1.18.6 - 2019-02-26

Fixed

• Fixed Input type number controls. Changed icons to buttons to stop the highlighting of elements around the Input. Also, when min and max are set values are kept between the two when using the controls.

1.18.5 - 2019-02-22

Fixed

• Fixed an issue with DurationPicker component; it was not initializing its internal state properly when a value prop was specified, so it was not showing the initial value until a re-render.

1.18.4 - 2019-02-20

Fixed

• Fixed DatePicker value when the date value is cleared.

1.18.3 - 2019-02-11

Added

• Added phone-cell, phone-home, and phone-work to the Icon set.

1.18.2 - 2019-02-01

Added

• Added bell-recurring the Icon set.

1.18.1 - 2019-01-25

Added

• Add id prop to Button and Dropdown components.

1.18.0 - 2019-01-23

Added

• Added new DurationPicker component.

  Fixed

• Fixed some issues with Input with disabled prop set. It was still doing state changes and calling onChange() so it was not acting disabled, even if it was visually styled to appear disabled.

1.17.9 - 2019-01-17

Fixed

• Fixed a bug in the Accordion component. When using it in exclusive mode, you were unable to pass the value 0 to the selected prop to default select the first item. This was due to standard JavaScript truthy/falsy silliness; 0 is falsy so a naive check for whether the prop was specified resulted in falling back on -1 (nothing selected) as a default when 0 was the specified value. Converted this to use Lodash's _.isNil() function for a more precise check, and life is good!

1.17.8 - 2019-01-10

Added

• Add multi property to Radio component. This allows multiple selections (which is useful in combination with pill for certain desired UI elements; see

  35)

1.17.7 - 2018-12-21

Fixed

• As a further update to 1.17.6, ensure that click event propagation is stopped when a disabled Checkbox is clicked.

1.17.6 - 2018-12-21

Fixed

• Fixed a bug in the Checkbox component. It was calling onChange even when the disabled prop was set to true. The upshot of that is, when used as a controlled component, disabled Checkboxes were not quite as disabled as we might have liked! =)

1.17.5 - 2018-12-14

Changed

• Fixed time zone select placeholder text (and added ability to specify it via prop) in TimePicker component.

1.17.4 - 2018-11-29

Changed

• Fixed zoneMatchProp prop in TimePicker component.

1.17.3 - 2018-11-28

Added

• Added selectionMatchProp prop in Dropdown component.

1.17.2 - 2018-11-04

Changed

• Dropdown onClick() that was added in 1.17.1 has been removed and replaced with onOpen() and onClose().
• Dropdown documentation 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.

1.17.1 - 2018-11-01

Added

• Add onClick() event to Dropdown. This will be called whenever menu is expanded/collapsed, passing a Boolean argument to indicate whether the menu is open (true) or closed (false).

1.17.0 - 2018-10-31

Added

• Ability to edit and delete comments via the Comment component.
• Ability to instruct Dropdown to collapse the menu on change imperatively using new collapseMenuOnChange Boolean prop regardless of whether or not it's a controlled component and there is a value prop change.
• Ability to set the title/tooltip for the Icon embedded within the Dropdown (via new iconTitle prop).
• Ability to set Dropdown color to transparent.

  Changed

• 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 proper componentDidUpdate().
• Set some reasonable default behavior around Icon tooltip within the Dropdown (utilizing placeholder and/or text) props when new iconTitle prop 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.

1.16.3 - 2018-10-24

Changed

• Nothing new; same as described in 1.16.2. Due to some git user errors made by Geoffrey, 1.16.2 didn't contain the changes it was supposed to. And npm does not allow re-publishing the same version (see here). So I'm going to publish the corrected package as 1.16.3 and remove 1.16.2. Sorry about that.

1.16.2 - 2018-10-24

Changed

• Image component was updated to improve behavior in avatar mode. Previously, if a consumer specified both name and src props, the component would happily render both the image and the initials. :man_facepalming: That meant that it was up to consumers to conditionally pass a name prop 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.

1.16.1 - 2018-10-10

Changed

• Drawer dimmers bug fix.

1.16.0 - 2018-09-25

Added

• Added showSpinners prop in Input component. When the type is "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 to true and the spin box controls are shown. Set it to false to suppress these if you want a numeric input without them.

1.15.0 - 2018-09-21

Added

• Added a CSS rule .color-highlight.

1.14.0 - 2018-09-18

Changed

• Fixed a bug in Dropdown when passing a null child.

1.13.24 - 2018-09-18

Changed

• PhoneInput Fixed bug affecting U.S. phone numbers specified without leading +1 and with area codes with 1 in the middle, e.g. 213, 714, etc. These phone numbers were being mishandled.

1.13.23 - 2018-09-18

Added

• InfoBar color goes to 11.

Changed

• Fixed Drawer's maxWidth problem 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.

1.13.22 - 2018-09-14

Changed

• Removed the fill attribute from the <use> within our Icon's SVG markup.

1.13.21 - 2018-09-14

Changed

• Fixed some styling in the Comment component.
• Fixed Comment time bug.

1.13.20 - 2018-09-12

Added

• Comment component's CSS now handles line breaks.
• Added onAutoHeightResized prop to TextArea.

1.13.19 - 2018-09-11

Changed

• Cleaned up the Comment code.

1.13.18 - 2018-09-11

Added

• Added detailsPosition prop to Comment.

Changed

• The Comment not need any details.

1.13.17 - 2018-09-09

Changed

• Removed Drawer wing JSX when there's no wing to ever be rendered.

1.13.16 - 2018-09-07

Added

• Added the ability to change the Drawer's maxWidth on the fly.

1.13.15 - 2018-09-07

Changed

• Fixed Drawer's transitionend event.

1.13.13 - 2018-09-05

Changed

• Resize Window event handler for Dropdown menu
• Improved estimation of direction to open Dropdown window

1.13.12 - 2018-08-24

Changed

• Removed value from TextArea's state.

1.13.11 - 2018-08-24

Changed

• Fixed TextArea's autoHeight when no value is controlling textarea.

1.13.10 - 2018-08-24

Added

• TextArea's onChange handler is now passing event.

1.13.9 - 2018-08-24

Added

• Ugh, forgot to save a fix to TextArea (columns to cols) before releasing the last version.

1.13.8 - 2018-08-24

Added

• Added columns and rows props to TextArea.

1.13.7 - 2018-08-24

Added

• Added secondary color name to the Utils.js color function.

Changed

• Fixed a List bug.

1.13.6 - 2018-08-22

Added

• Added a new Button prop, iconPosition.

Changed

• Fixed Dropdown button icon size.

1.13.5 - 2018-08-22

Added

• Added a new Button color, secondary.
• Added a new Dropdown buttonColor, secondary.
• Added name to Image in order to show initials.

Changed

• Fixed Dropdown menu spacing.
• Updated Dropdown to use highlight background color when active.

1.13.4 - 2018-08-22

Changed

• Icon now supports an optional title prop that can give it a tooltip.

1.13.3 - 2018-08-03

Changed

• List is now checking if a child a null or undefined and if so will not return the "child."

1.13.2 - 2018-07-31

Changed

• PhoneInput isValueComplete now checks to see if the value is not empty.

1.13.1 - 2018-07-31

Changed

• Flipped Card's collapsable icon around.

1.13.0 - 2018-07-31

Added

• Adds an option for a drawer to open from a left side (also support second wing and other drawer features). PR #26

1.12.5 - 2018-07-24

Changed

• Fixed a Drawer bug not cleaning up drawer class names when being unmounted.

1.12.4 - 2018-07-23

Changed

• Removed header === true from the Drawer children statement. It's checking only to see if the child is a function/component.

1.12.3 - 2018-07-23

Added

• Icon's now have a smooth color transition.

Changed

• Button has a new style property when color="outline" and inverse is passed.
• InfoBar renders children differently now.
• The Drawer component now clones custom close buttons and gives it a proper class name.

1.12.2 - 2018-07-18

Added

• New PhoneInput onCountryChange function prop.

Changed

• Enhanced the documentation/sample for PhoneInput's onChange to show all the parameters it passes.

1.12.1 - 2018-07-17

Changed

• Fixed Button padding when there's an Icon.

1.12.0 - 2018-07-16

Added

• New Comment component.
• New Dropdown selectionUnderline prop and buttonColor color additions.
• New Image size prop.
• New Drawer.Wing subcomponent to Drawer.

Changed

• Removed InfoBar.Drawer from InfoBar.

1.11.17 - 2018-07-20

Added

• New PhoneInput onCountryChange function prop.
  • (This was originally included in the 1.12.2 release but we needed it in 1.11.x so hence this "hotfix")

Changed

• Enhanced the documentation/sample for PhoneInput's onChange to show all the parameters it passes.

1.11.16 - 2018-07-16

Changed

• PhoneInput passes a new isValueComplete parameter in place of format.

1.11.15 - 2018-07-10

Changed

• Removed a warning that Dropdown was throwing.

Added

• Added two new PhoneInput parameters dialCode and format.

1.11.14 - 2018-06-28

Added

• Added two new Drawer props: onCloseComplete and onOpenComplete.

1.11.13 - 2018-06-28

1.11.12 - 2018-06-28

Changed

• Fixed TimePicker's actionable Icon type.
• Upgraded react-text-mask to v.5.4.1. This version has been pinned as well, because of a bug in v.5.4.2.
• Fixed Table.HeaderCell basic clickable style.

1.11.11 - 2018-06-15

Added

• New Rail component.
• New labelClassName and labelWeight for Checkbox.
• New InfoBar component.

1.11.10 - 2018-06-14

Added

• New size prop for Checkbox. You can now have a default size (large) and a small checkbox.
• New inverse prop for List.
• New autoFocus prop for Input and TextArea.

Changed

• Fixed Checkbox to be always be a controlled input in order to quiet down the console.
• New transition css property to animate the background-color and border-top-color on 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.

1.11.9 - 2018-06-11

1.11.8 - 2018-06-11

Added

• Sort of have documentation for List. They are really just examples I tested with.
• Add a Chart module that uses highcharts.

1.11.7 - 2018-06-08

Changed

• Changed Card.Header gradients.

1.11.6 - 2018-06-08

Changed

• New font size and weight for Table.Header's Table.Cell when not clickable.

1.11.5 - 2018-06-06

Changed

• Removed a console.log from Card.

1.11.4 - 2018-06-06

Changed

• Fixed how Card renders its header.

1.11.3 - 2018-06-06

Changed

• Fixed a missing className and fill from an SVG <use>.

1.11.2 - 2018-06-06

Changed

• Fixed an issue with Firefox not displaying the new Icons.

1.11.1 - 2018-06-06

Changed

• Fixed a bug when passing null as a child of Card.
• Fixed Card.Header gradient positions.

1.11.0 - 2018-06-06

Added

• Added ability to have a custom header in a Card.

Changed

• Removed icon font and replaced with SVG icons.

1.10.3 - 2018-05-18

Changed

• Input's action icon container is now adjusted according to the top position of the input that's relative to the components wrapping container.

1.10.2 - 2018-05-18

Changed

• 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.

1.10.1 - 2018-05-15

Changed

• DatePicker patch.

1.10.0 - 2018-04-30

Changed

• Moved Input's label adjacent to the input and added a new prop labelPosition.

1.9.2 - 2018-04-10

Changed

• Added Dropdown onChange example.
• Added two new icons to Icon: info and question-circle

1.9.1 - 2018-03-28

Changed

• Fixed a bug in ./src/scss/components/Views/TitleBar.scss upon publishing the package.

1.9.0 - 2018-03-28

Added

• New Image component. Only is for a basic avatar for now. Updates expanding the component will happen down the road.

Changed

• TitleBar now supports subTitle and children.

1.8.27 - 2018-03-22

Added

• New circle-filled icon type.

Changed

• Fixed some styling in Firefox for Tabs.
• TitleBar now truncates long titles on smaller viewports.

1.8.26 - 2018-03-20

Changed

• 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 onChange event handler when the type was set to number. Thanks @gbulatov!

1.8.24 - 2018-03-05

Changed

• Changed how browserDetect() detects the browser.

1.8.21 - 2018-03-01

Added

• react-dnd is now a part of react-cm-ui.

1.8.19 - 2018-02-22

Change

• Disables a collapsable Card's content height when already collapsed.

1.8.17 - 2018-02-21

Change

• Fix for dynamically changing a collapsable Card's content height.

1.8.16 - 2018-02-13

Added

• ISO2 and dial codes are now searchable in InputPhone.

1.8.15 - 2018-02-07

Added

• Added ability to collapse a Card.

1.8.14 - 2018-02-02

Added

• Added ability to give a PhoneInput flag dropdown a different arrow icon.
• Added ability to style a PhoneInput container.

1.8.13 - 2018-02-02

Added

• Added ability to give a Dropdown select a different arrow icon.

1.8.12 - 2018-01-31

Added

• Added ability to adjust a Modal's height according to its content.

1.8.11 - 2018-01-20

Changed

• Fixes the onClick event and styling for a Radio's pill UI while being disabled.

1.8.10 - 2018-01-19

Changed

• Added a bottom divider to a basic Table's last row.
• Removed .ui from a Table's children components.
• Fixed a Header error when having an icon and sub header.

1.8.9 - 2017-12-12

Changed

• merged PR #18: DatePicker tweaks for using it in dateRange mode.

1.8.8 - 2017-12-02

Changed

• Fixed ./lib/css/components image url paths.

1.8.6 - 2017-12-02

Added

• ./lib now has all the individual .css files to import.

1.8.5 - 2017-12-02

Changed

• Removed PropTypes warnings.

1.8.3 - 2017-11-15

Changed

• Cleaned up conditions around min and max props for Input.

1.8.2 - 2017-11-08

Changed

• Changed scrollContainerClassName to scrollContainer so we can also pass a node and not just a string.

1.8.1 - 2017-11-08

Changed

• Fixes and code clean up to Accordion. Whoops.

1.8.0 - 2017-11-08

Changed

• 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.

1.7.11 - 2017-10-30

Added

• Banner has a new prop, topPosition.

1.7.10 - 2017-10-30

Changed

• DOMUtils' browserDetect() is case-sensitive and Firefox was all in lowercase. Fixed!

1.7.9 - 2017-10-30

Added

• Added level colors to Banner. These two new colors, purple and teal, need to be defined some time by the design team and renamed by us in the future.

1.7.8 - 2017-10-27

Changed

• Fixed the browser variable in DOMUtils.

1.7.7 - 2017-10-27

Changed

• Added the new icons to docs.

1.7.6 - 2017-10-27

Added

• Two new icons: "duplicate" and "users".

1.7.5 - 2017-10-24

Changed

• Fixed the Modal's closeButton boolean condition.

1.7.4 - 2017-10-23

Changed

• Updated Modal to work a little more like the Drawwer.

1.7.3 - 2017-10-23

Added

• DOMUtils's browserDetect() now checks for Firefox too.

1.7.2 - 2017-10-21

Added

• New icon "ban".

1.7.1 - 2017-10-10

Changed

• The Phone Input's emojis were not working cross OS'. Switched to a flag CSS icons that will work for folks.

1.7.0 - 2017-10-09

Added

• Brand spanking new Phone Input.
• New Dropdown selectionValueComponent & searchable prop.

Changed

• Input now handles the tel type value correctly.

1.6.0 - 2017-10-03

Changed

• Bumped React from version 0.14.8 to version 15.6.2.

1.5.5 - 2017-09-28

Added

• Fixes Dropdown's inverse & selection input value not appearing when searching.

1.5.4 - 2017-09-28

Added

• Fixes Dropdown's inverse & selection value not appearing when input is focused.

1.5.3 - 2017-09-26

Added

• New text color class name, color-warning.
• Added an inverse prop to Dropdown. Only works for selections for right now.

1.5.2 - 2017-09-22

Changed

• Input value fix.

1.5.1 - 2017-09-22

Added

• New Input props: max and min.

Changed

• Input's value accepts numbers now.

1.5.0 - 2017-09-20

Added

• New Prompt component. Only handles inline prompts for now.

Changed

• Changed Button's* onClick handler back to older es6 for now.

1.4.5 - 2017-09-18

Changed

• Changed Button's* onClick handler method.

1.4.4 - 2017-09-06

Added

• Added className to Accordion.Item.

Changed

• Fixed some Accordion.Item styling.

1.4.3 - 2017-09-06

Changed

• Accordion now allows for custom content within Accordion.Item using the summary prop.

1.4.2 - 2017-09-05

Changed

• Checkbox onClick is now passing the event the parent handler.

1.4.1 - 2017-09-01

Changed

• Fixed a key warning that was being thrown by Accordion.

1.4.0 - 2017-09-01

Added

• Accordion can be inclusive by passing false using the new props, exclusive.
• Accordion's can now be nested in Accordion's.

Changed

• A basic Accordion that uses Summary and Content containers is now styled.

1.3.3 - 2017-08-30

Changed

• Changed the Divider's primary color and removed color="light".

1.3.2 - 2017-08-30

Added

• New labelStyle prop added to Input, Dropdown, and TextArea.

Changed

• Removed a Loader warning in Chrome.
• Drawer dimmer saturation experiment.

1.3.1 - 2017-08-25

Changed

• Fixed the way Input number controls were adding and subtracting. Whoops. :)

1.3.0 - 2017-08-25

Added

• New number Input.

1.2.1 - 2017-08-24

Changed

• Button's vertical alignment when having an icon is now aligned.
• Drawer.Header is aligned to mockups more appropriately.
• Radio has a margin-right: 22px now instead of margin-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);.

1.2.0 - 2017-08-24

Added

• New Radio pill grouping.

Changed

• 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.

1.1.8 - 2017-08-19

Added

• New Header prop, weight. enums: bold, normal, and semibold.

Changed

• 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 times is now bigger.

1.1.7 - 2017-08-19

Added

• New Button prop, relax.
• New Divider color, light.
• New global text color, color-success

1.1.6 - 2017-08-19

Added

• Dropdown (not selections) menu's now detect if they are in the viewport.
• Added a browserDetect function.

Changed

• Removed the filter blur for when a Drawer is open.

1.1.5 - 2017-08-11

Removed

• TreeMenu removed.

1.1.4 - 2017-08-04

Added

• Added a filter icon.

Changed

• Divider: relaxed prop now accepts the string very to add even more negative space.
• Icon: fixed the color warning.
• Icon: removed temporary spinner icons and just left the one that looks the best.

1.1.3 - 2017-08-04

Changed

• Drawer: Removed setState and replaced with style.paddingTop in the _onUpdate function.

1.1.2 - 2017-08-03

Changed

• Added a warning (orange) color to Button.
• Added onUpdate to Drawer.
• Removed ignorePadding from Drawer.

1.1.1 - 2017-08-03

Changed

• Upgraded extract-text-webpack-plugin.

1.1.0 - 2017-08-01

Changed

• Ability to add Drawer.Header to a component child. The ability to pass props: onClose, title and 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.

1.0.2 - 2017-06-29

Changed

• A fix for the UI docs website.

1.0.1 - 2017-06-28

Changed

• Fixed Doc's Grid.Column

1.0.0 - 2017-06-21

Added

• Official first release of the React Church Management UI Library.

0.14.0 - 2017-06-12

Added

• New Banner view component.

Changed

• 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.

0.13.1 - 2017-06-01

Changed

• Layered Drawer shadows have been fixed.

0.13.0 - 2017-05-31

Added

• Added Label documentation.

Changed

• Moved Accordion to Collections.
• Fixed the Accordion Item to have a 5px top margin.
• Refactored the Label component.
• Checkbox check is now 10px.
• Fixed the TextArea autoHeight on render.

0.12.10 - 2017-05-26

Changed

• Dropdown value prop update: now accepts propTypes number and string.

0.12.10 - 2017-05-20

Changed

• Added onMonthChange prop to DatePicker.

0.12.9 - 2017-05-19

Changed

• The inner wrap for a Button now is a flex box type. This will fix the alignment issues when some buttons have icons and other do not.
• Checkbox new prop: inverse.

0.12.8 - 2017-05-17

Changed

• Removed Container actionBar prop and create a new sub component Container.Actionbar
• Style refinements to Drawer.Header

0.12.7 - 2017-05-17

Changed

• Button color prop update: transparent.
• Container color prop update: transparent.
• Label style refinements and code cleanup.
• Drawer.Header new prop: inverse.

0.12.6 - 2017-05-15

Changed

• Radio's have a right margin now.
• New Drawer.Header prop: titleTruncate.
• New Header prop: title.

0.12.6 - 2017-05-12

Changed

• <SegmentedControls.Item> is now a capability with the SegmentedControls component.
• Fixed Drawer close button right margin.
• Changed height to min-height in the Container's style.

0.12.5 - 2017-05-09

Changed

• New Drawer path prop to handle route path changes.

0.12.4 - 2017-05-09

Changed

• Updated Drawer & Input documentation to have anchor tags.

0.12.3 - 2017-05-05

Added

• new Dropdown props: fluid and label.
• new Container prop: 'actionBar'

Changed

• Changed the Drawer top padding.
• Added a Variable.scss config 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.

0.12.2 - 2017-05-04

Added

• 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.

Changed

• Added a buttonColor prop to Dropdown.
• Two new icons: cog and comment-sms
• Icon now has a disable prop.
• Added a labelStyle Checkbox 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 selected prop. Yay!
• TableHeaderCell now wants to know if the responsive width might either be true or auto. Also added the collapsing prop this component.
• TableCell now wants to know if the responsive width might either be true or auto.
• Added some more logic to GridColumn responsive props. Now accounts for if the responsive width is a bool or auto.
• Drawer header and yPos scrollbar now have a 'z-index' to help with layering.

0.12.1 - 2017-05-01

Added

• Container component. (No documentation for this component yet.)

Changed

• <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-index of 1 to TitleBar.

0.12.0 - 2017-04-26

Added

• Time Picker component and documentation

Changed

0.11.1 - 2017-04-13

Added

Changed

• Fixed Drawer's inverse prop and added an example.

0.11.0 - 2017-04-13

Added

Changed

• 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.

0.10.0 - 2017-04-12

Added

• Updated icon chevron-... type name to chevron-wh-... and added another lighter chevron to the mix.
• Added colors to Button.
• A beautiful Dropdown component.

Changed

• 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.scss in order to have Docs and CM use the same Typography.scss file. 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.

0.9.0 - 2017-04-05

Added

• CoreAppNavigation items now close when the menu is in mobile view.
• Added react-select to navigation's Packages section.

Changed

• Upgraded react-responsive from 1.2.6 to 1.2.7 to remove an unmet peer dependency error in console.
• Upgraded react-select from 0.9.1 to 1.0.0-rc.3.
• Removed prop square and reclaimed prop icon for Button.
• Refactored Drawer's header. Now accepts header children.
• Removed Drawer's dimmer saturation and expanded the blur from 1px to 5px.

0.8.0 - 2017-03-24

Added

• 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

Changed

• Removed $border-grey-NUMBER variables.
• Fixed padding on buttons in Sub Navigation component.

0.7.1 - 2017-03-08

Added

• Added icon set to Icon page.
• Updated style guide files to v.1.6.2.

Changed

• SubNavigationItem's now have an onClick prop.

0.7.0 - 2017-03-07

Added

• Added Segmented Controls component and documentation.

Changed

• 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.react to TabsItem.react.

0.6.0 - 2017-03-03

Added

• TextArea component and documentation.
• Checkbox Input component and documentation.
• Radio Input component and documentation.
• Navigation now has a is-active class on items.

Changed

• 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 />

0.5.0 - 2017-03-02

Added

• Sub Navigation component and documentation
• Added react-select to the navigation's list of UI packages that we use.

0.4.0 - 2017-03-01

Added

• Added a Views section.
• Added a Tabs documentation to Views.

Changed

• Moved Cards and TitleBar to Views section.
• Fixed Button documentation Icons samples.

0.3.0 - 2017-02-17

Added

• 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.

Changed

• 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.

0.2.0 - 2017-02-16

Added

• 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.

Changed

• 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.

0.1.0 - 2017-02-08

Added

• New Webpack config file for docs and client.
• Date picker files. (still a work in progress)

Changed

• 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'

0.0.2 - 2017-02-01

Added

• Table Component responsiveness

0.0.1 - 2017-02-01

Changed

• Migrated docs to the CM Repo