[6.2.0] Added color placeholder to Gallery, renamed itemHeight to row… · anchorchat/anchor-ui@2d29d40

Commit

[6.2.0] Added color placeholder to Gallery, renamed itemHeight to row…

…Height. (#1060)

* Removed z-index to overcome z-index quirks & restructured avatar div order. (#782)

* Bug/doc table (#798)

* Added correct styling for td items.

* DocGen.

* Removed borderTop, fixes issue #787. (#794)

* Issue #790 (#791)

* Added backgroundColor to input styles.

* Reformatted prop types.

* Added sendIcon and sendIconColor props.

* Docgen.

* Added placeholderStyle.

* Issue #789 (#792)

* Removed message arrow.

* Decreased margins.

* Fixed docs.

* Fixed tests.

* Added placeholderStyle to SearchBox. (#795)

* Props to themeable component override color passed by theme, fixed issue #788. (#796)

* Fixed EmojiMenu styling, closes issue #797. (#799)

* Fixed EmojiMenu styling, closes issue #797.

* Fixed tests.

* Changed to longhand backgroundColor. (#801)

* Changed to longhand backgroundColor.

* Fixed tests

* Issue #800 (#802)

* Added dividerStyle, fixed issue #800.

* Fixed Divider styles.

* Added more examples.

* Prepared for extended theming capabilities.

* Added activeStyle to MenuItem, fixed issue #808. (#811)

* Added iconColor to select, fixed issue #807. (#809)

* Added iconColor to select, fixed issue #807.'

* Fixed documentation.

* Fixed linting errors.

* Added iconColor to SearchBox, fixed issue #804. (#810)

* Added iconColor to select, fixed issue #807.'

* Added iconColor to SearchBox, fixed issue #804.

* Fixed documentation.

* Fixed documentation.

* Fixed linting errors.

* Added more override capabilities.

* Added expandMenuItem to Message. (#814)

* Added expandMenuItem to Message.

* Changed docs.

* Added commandStyle. (#815)

* Added commandStyle.

* Adjusted docs text.

* Added more overiding styles capabilities.

* Added check for expandMenuItem.

* Fixed Message expand menu item, added missing check for expandMenuItem prop.

* Added key events to Commands (#818)

* Added onMenuClose.

* Changed styles.

* Changed onMouseOver to onChange.

* Changed avatar styles.

* Added key events.

* Wip fixing docs.

* WIP docs.

* Removed borderRadius override.

* Fixed docs.

* Return this.hideMenu();

* Changed to single line.

* Added onMenuOpen.

* Emoji filter (#813)

* WIP emoji parser to new `emoji.js`.

* WIP emoji-parsing files.

* Added prettier.

* Ignored emojione.json.

* Fixed parse script.

* Added emoji.sh.

* Updated emojione.

* Added tone0.

* Fixed modifier titles.

* Removed log.

* Removed svgSprites prop, added cdn url fix.

* Added fontSize.

* Changed script to fix error in emojione.json.

* Removed statics.

* Added attribution to component.

* Added attribution to docs page.

* Added attribution to README.

* Fixed color.

* Docgen.

* Added attribution.

* WIP emojifilter.

* Fixed styles.

* Added EmojiModifiers to EmojiFilter.

* Sort of working docs.

* Added parseHtml.

* WIP emoji filter.

* Fixed home table styles.

* Added selectEmoji.

* WIP filter.

* Removed FocusTrap.

* Uninstalled focus-trap-react.

* Added tone filter.;

* Fixed tab and enter events.

* WIP emoji filter.

* Added handleClose and added selectedEmoji.

* Changed check.

* Deconstructed onMenuClose.

* Changed to handleChange.

* Removed log.

* Added focus on select.

* Removed unused prop.

* Added override style.

* Only import _ because chain wouldnt work otherwise.

* Made null default selected index.

* Added onOpenMenu.

* Multiline input (#785)

* :sparkles: Added multiline to message input

 #134

* :sparkles: Added multiLine to Input

* :memo: Added docgen

* :art: Added default argument

* :white_check_mark: Fixed tests

* :white_check_mark: Added tests

* Fixed merge conflicts

* Fixed multi-line delete text bomb.

* Fixed broken test.

* Added multiline fix to input component.

* Ignored package-lock.

* Reverted change.

* Removed correct file.

* Moved propTypes and defaultProps to top of file.

* Moved propTypes, defaultProps and displayName to top of file.

* Docgen.

* Removed redundant.

* Added coverage to gitignore.

* Added correct multiline hadnling code.

* Added multiline example to docs.

* Added `mobile-detect`.

* Added mobile check so mobiles can use enter in multiline message inputs.

* Moved mobile detect to internal function.

* Added maxRows to multiline input.

* Added maxRows to Input textarea.

* Only get styles once...

* Only get styles once...

* Added lodash.get.

* Linted file.

* Added getStyles.placeholder.

* Added rowHeight prop.

* Destruct props instead of passing them, changed checks.

* Added rowHeight prop.

* Added multiline to Input and MessageInput. Added key events to Commands, added EmojiFilter component.

* Added icons. (#820)

* Added icons.

* Docgen.

* Destructed rowHeight prop. (#821)

* Added four new icons, desctructed rowHeight prop in Input to prevent warnings.

* Patch/card header styles (#823)

* Added overide possibilities for card-header header element.

* DocGen.

* Added test for new getStyle function.

* Added override for CardHeader.

* Changed mentions to highlights. (#824)

* Changed mentions to highlights.

* Applied changes.

* Docgen.

* Changed mentions to highlights, changed how highlights are matched.

* Issue #830 (#831)

* Adjusted html stucture and css for profile component.

* Added override style for cover and coverImage.

* DocGen.

* Fixed tests.

* Added override capabilities to profile component.

* Added `left: 50%` & `translate(-50%, -50%)`. Fixed #833. (#834)

* Fixed profile styling.

* Issue #778 (#836)

* Added lodash to dependencies.

* Replaced underscore with lodash. Fixes #778.

* Removed underscore from dependencies.

* Issue #837 (#839)

* Added maxValue defaultprop.

* Made check better.

* Adjusted styles. Fixes #837.

* Added more examples in badges.

* DocGen.

* Made prettier.

* Tab change callback (#838)

* Added onTabChange prop to tabs.

* DocGen.

* Added callback log to docs.

* Added event and index to callback.

* Adjusted log to show logging index.

* DocGen.

* Added callback to Tabs and fixed badge styling bug.

* Tabs selected index (#841)

* Simplified getSelectedTab.

* Added selectedIndex prop.

* Docgen.

* Fixed tasks.

* Fixed wrong function statements.

* Removed if statement & componentWillReceive.

* Made Tabs so it can work as a controlled component.

* DocGen.

* Tabs selected index (#844)

* Simplified getSelectedTab.

* Added selectedIndex prop.

* Docgen.

* Fixed tasks.

* Fixed wrong function statements.

* Removed if statement & componentWillReceive.

* Changed check to isNumber.

* Message badge (#846)

* Added badge to Message.

* Docgen.

* Fixed test.

* Added badge prop to Message.

* Issue #851 (#852)

* [4.3.6] Added badge prop to Message. (#847)

* Issue #203 search-box (#583)

* Refactored style function for search-box, #203

* Added test for search-box style function

* Issue #203 select (#584)

* Changed to es6 default argument

* Added test for select style function, #203

* :bug: Made offline the default status (#585)

* Issue #578 (#586)

* fixed #578

* updated docs for pagination

* Made Avatar status default offline, added jumpToPage Pagination, fixed some bugs with Pagination. Changed a lot of code styling, added getStyles tests.

* Added test for slider style function, #203 (#587)

* Issue #203 switch (#589)

* Refactored style function for switch, #203

* Added test for switch style function, #203

* Added test for table style function, #203 (#590)

* Issue #203 table items (#591)

* Added test for table-body style function, #203

* Added test for table-column style function

* Added test for table-header-column style function

* Added test for table-header style function

* Added test for table-row style function

* :fire: Removed argument

* :fire: Changed argument

* Issue #203 alert (#592)

* Refactored style function for alert, #203

* Added test for alert style function

* Issue #203 banner (#593)

* Refactored style function for banner, #203

* Added test for banner style function

* Issue #203 divider (#594)

* Refactored style function for divider, #203

* Small fix

* Added test for divider style function

* Issue #203 icon menu (#596)

* Refactored style function for icon-menu, #203

* Added test for icon-menu style function

* Issue #203 list (#597)

* Refactored style function for list, #203

* Added test for list style function

* Issue #598 (#600)

* :bug: Increased zIndex

* :memo: Added IconMenu example

* Switch theme (#601)

* :art: Changed to default param

* :art: Minor code styling improvements

* :bug: Changed to backgroundColor

* Issue #203 emoji-menu (#595)

* Refactored style function for emoji-menu, #203

* Added test for emoji-menu style function

* Refactored emoji-categories styles

* Changed naming

* Refactored emoji-category styles

* Refactored emoji-modifiers styles

* Added tests

* Fixed zIndex issue with ListItem, fixed theming issue with Switch, added more style tests.

* :white_check_mark: Added test for getPager (#603)

* :white_check_mark: Added test for getPager

* :art: Fixed tets

* :pencil2: Fixed typo

* :white_check_mark: Added test

* :lipstick: Adjusted styles to fix bug.

Fixes #495.

* :memo: Adjusted image size on docs page.

 #495

* Issue #604 (#606)

* :sparkles: ListItem root click toggles nested list if onClick is not supplied

* :zap: Added check for children to prevent redundant calls to setState

* :art: Saved operators in const

* :rewind: Reverted develop push.

@iancstewart didn't have his coffee yet.

* Issue #495 (#607)

* :sparkles: Added new header design for lightbox.

* :lipstick: Styled lightbox image.

Fixed #495 #495

* :memo: DocGen.

* :bug: Renamed prop to `title`.

* :memo: DocGen.

* :bug: Adjusted propname for image-message.

* Issue #523 (#549)

* :wrench: Ejected create-react-app

* :fire: Removed styleroot

* :fire: Removed eslint from create-react-app

* :memo: Added info about styleroot

* :green_heart: Installed radium

* :hankey: Possible fix. (#608)

* :hankey: Possible fix.

Not very elegant though.

* :memo: Added section about scaling emoji's

* :rotating_light: Fixed maxLength

* :sparkles: Added error to RadioButtonGroup (#611)

* Added error to RadioButton group, added className to messages, added more tests.

* :ambulance: Added missing type (#613)

* :ambulance: Added hotfix for long text in tables (#614)

* Added hotfix for Banner, added fix for long texts in Table.

* Feature/collapsed images (#617)

* :hankey: Added missing keys

* :sparkles: Added collapse to image Messag

* :pencil2: Fixed typo

* :sparkles: Added collapsedText

* :hankey: Oops

* :lipstick: Added cursor

* :memo: Added collapse example

* [Feature] Commands (#616)

* :sparkles: Added Commands component

* :memo: Added docs for Command component

* :memo: Fixed mistakes

* :art: Changed to lodash map

* Added Commands component, added collapsed and expand props to Message allowing image messages to be collapsed and expanded.

* :sparkles: Added param to Commands (#619)

* :sparkles: Added param to Commands

* :memo: Added param example

* :memo: Changed docs

* :sparkles: Added filter to Commands (#620)

* Feature/commands open/close (#621)

* :sparkles: Added filter to Commands

* :fire: Added open/close based on value prop

* :memo: Changed placeholder

* :sparkles: Added onClickOutside, clicking outside the menu will now close it (#623)

* Added auto open/close to Commands, added value prop and filter to commands and added onClickOutside to Commands.

* Commands onselect (#625)

* :lipstick: Removed margin

* :bug: Added missing setState

* :bug: Added missing handleSelect

* :memo: Added working hover and select events

* :fire: Removed log

* Added missing handleSelect to Commands, fixed styles.

* :hammer: Refactored message doc to use selects instead of rendering more message lists (#629)

* :lipstick: Fixed height for list-items without second line. (#632)

* :lipstick: Fixed height for list-items without second line.

Fixes #630. #630

* :green_heart: Added missing parameter to ListItem test.

* :white_check_mark: Added test for `getStyle.root()` function for single-line styles.

* :art: Flipped things around

* :white_check_mark: Fixed test to match flip

* :lipstick: Decreased ListItem height

* :memo: Added primaryText example

* Clickoutside (#634)

* :heavy_minus_sign: Removed onlcickoutside, it caused production builds to fail

* :hammer: Refactored to use a clickAway element

* Bug/color contrast (#635)

* :lipstick: Changed text colors

* :lipstick: Changed bold texts to primaryText color

* Removed onClickOutside from Commands, changed text colors to increase contrast.

* :lipstick: Changed color

* :lipstick: Added top and translate, fixed firefox issue (#640)

* :sparkles: Added rightButton prop, overhauled stylings (#638)

* :sparkles: Added rightButton prop, overhauled stylings

* :fire: Removed override

* :lipstick: Added top and translate, fixed firefox issue

* :white_check_mark: Fixed tests

* :green_heart: Fixed test

* Fixed browser support issue with LisItems, added rightButton to MessageInput.

* List item/icon menu (#644)

* :lipstick: Overhauled styles to not break

* :fire: Removed avatar from example

* :green_heart: Fixed tests

* Removed translate from button and avatar, fixed icon menu bug.

* :bug: Fixed buttons for long text (#646)

* Fixed ListItems with long texts and buttons.

* :bug: Combine styles instead of returning (#650)

* :lipstick: Added translate (#643)

* :lipstick: Added translate

Fixed issue #637

* :lipstick: Increased padding

* :green_heart: Fixed test

* Issue #622/commands (#649)

* :hammer: Reverted changes

* :lipstick: Fixed styles for long texts, changed color

* Reintroduced react-onclickoutside, fix override style bug with MessageInput, fixed Select header long texts.

* Profile component test (#610)

* Added test examples for style component

* :truck: Moved file

* Expanded profile component test

* WIP function test with sinon

* :white_check_mark: Moved tests

* :fire: Removed tests

* Added getStyle tests

* Combined tests

* Test button as prop instead of passing as child

* Fixed small mistake in button test

* Combined tests

* Changed naming of profile to wrapper

* added test for alert (#609)

* added test for alert

* fixed an npm test fail and re-ordered the test itself

* Fixed tests

* :art: Added event argument to props (#653)

* :art: Added event argument to props

* :art: Changed propName

* :memo: Changed doc comments

* Added event to function props, changed onHover to onMouseOver.

* AdminBadge component test (#655)

* Added test for admin-badge component

* :art: Changed titles

* :hammer: Refactored list-item to fix alignment issue. (#656)

* :hammer: Refactored list-item to fix alignment issue.

Fixed issue #648. #648

* :white_check_mark: Added tests.

* :bug: Removed redundant transform.

* :green_heart: Fixed test.

* Issue #622 (#658)

* :art: Replaced clickAway with onClickOutside

* :art: Changed to onClickOutside

* :art: Changed to onClickOutside

* :white_check_mark: Removed test

* Component tests: supply userAgent using beforeEach (#660)

* Supplied userAgent using beforeEach

* Supplied userAgent using beforeEach

* Supplied userAgent using beforeEach

* Changed useragent:null to undefined

* Issue #628 (#633)

* :art: Moved icon menu into textMessage.

 #628

* :bug: Fixed semantics.

* :art: Moved icon menu into stickerMessage.

 #628

* :art: Move icon menu into imageMessage.

 #628

* :bug: Added render imageMessageIconMenu function.

 #627

* :bug: Removed icon button within collapsed image body.

 #627

* :memo: DocGen.

* Squashed commit of the following:

commit 552b3e691e39e1b987b41332e1a338998ba52389
Author: Ian Stewart <[email protected]>
Date:   Fri Jun 9 09:52:07 2017 +0200

    :hammer: Refactored list-item to fix alignment issue. (#656)

    * :hammer: Refactored list-item to fix alignment issue.

    Fixed issue #648. #648

    * :white_check_mark: Added tests.

    * :bug: Removed redundant transform.

    * :green_heart: Fixed test.

commit 14fce69248c544b11e9d295f763c810e60e12ef4
Author: Ralphvandodewaard <[email protected]>
Date:   Fri Jun 9 09:16:05 2017 +0200

    AdminBadge component test (#655)

    * Added test for admin-badge component

    * :art: Changed titles

commit 2f4ae0347f4ee9bf8aa7f98d2820e05203409640
Author: sjaakluthart <[email protected]>
Date:   Thu Jun 8 15:18:56 2017 +0200

    Added event to function props, changed onHover to onMouseOver.

commit c2b453b10c4962ccc8f2e8397bc790c6af6977d6
Merge: c2a2c93 5fe3d93
Author: sjaakluthart <[email protected]>
Date:   Thu Jun 8 15:18:19 2017 +0200

    :twisted_rightwards_arrows: Merged origin/master

commit c2a2c936003db296eeda4282a1dd5b7cadcdc127
Author: Sjaak Luthart <[email protected]>
Date:   Thu Jun 8 15:16:45 2017 +0200

    :art: Added event argument to props (#653)

    * :art: Added event argument to props

    * :art: Changed propName

    * :memo: Changed doc comments

commit 5c9b58fb249ec342931c99b39ea6f83a94c4d5ab
Author: Tom Oversluizen <[email protected]>
Date:   Thu Jun 8 12:32:09 2017 +0200

    added test for alert (#609)

    * added test for alert

    * fixed an npm test fail and re-ordered the test itself

    * Fixed tests

commit 5fe3d936223c6d252d5cddc0866434c9d424f0bb
Author: Sjaak Luthart <[email protected]>
Date:   Thu Jun 8 08:59:54 2017 +0200

    [3.5.7] Reintroduced react-onclickoutside, fix override style bug with MessageInput, fixed Select header long texts. (#651)

    * Added more tables. (#452)

    * added text overflow to list-item (#455)

    * added text overflow to list-item

    * deleted comma at line 65

    * :bug: Added working fix

    * Saved styles to object for all pages (#457)

    * Added more examples to docs (#450)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * Issue #456 (#458)

    * :bug: Added text overlfow to Profile

    * :bug: Added text overflow to channel header

    * :bug: Added text overflow to pop over

    * :bug: Added textOverflow to AppHeader

    * :bug: Added text overflow to menu item

    * Add input example (#459)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * :bug: Added disabled styles

    * :lipstick: Changed color

    * :fire: Removed inputs

    * Added error and disabled styles to Slider, fixed text overflow issues.

    * Issue-#462 (#464)

    * listItem set secondaryText lineHeight to 16px

    * Increased listItem height and fixed lineHeight

    * Fixed lineheight in list and updated examples

    * modified the max-height of the messageImage (#466)

    * modified the max-height of the messageImage

    * deleted commets and narrowed the max height down to 200px

    * Added more verticl spacing between Title, Description, Usage, Examples and Props (#468)

    * Fixed styling for Input page (#471)

    * Fixed styling for Input page

    * :lipstick: Changed Input's background color

    * Issue-#451: Fixed last few "style={{ }}"s (#469)

    * Fixed last few "style={{ }}"s

    * :bug: Reverted changes

    * :art: Renamed object

    * Issue #446: Added examples to components (#470)

    * Added AdminBadge example

    * Added Badge example

    * Added Button example

    * :art: Changed to single lines

    * Changed image Message max height, fixed Input background colour, fixed Input label colour.

    * Issue #477 (#478)

    * :sparkles: Added IconNotification

    * :memo: Added docs output

    * Issue #447 (#472)

    * Fixed styling for Input page

    * :sparkles: Added `lightbox/index.jsx`.

    * :lipstick: Added styles for `lightbox`.

    * :sparkles: Added lightbox to `message.jsx`.

     #447

    * :memo: Docgen.

    * :hankey: Reverted unwanted commit.

    * :sparkles: Added `enableLightbox` prop.

    * :memo: Docgen.

    * :memo: Added `Docs` page.

    * :pencil2: New image link.

    * :bug: Added more checks for `enableLightbox`.

    * :bug: Added more checks.

    * :sparkles: Added onMenuClose to IconMenu (#479)

    * :sparkles: Added onMenuClose to IconMenu

    * :memo: Added docs

    * Added Lightbox component, added lightbox to Message, added IconNotification, added onMenuClose to IconMenu.

    * :sparkles: Added status indicator to Avatar (#484)

    Fixed issue #483

    * :zap: Added recompose pure to WithTheme (#485)

    Fixed issue #481

    * Added pure to WithTheme, added status to Avatar.

    * Profile status (#489)

    * :sparkles: Added status to Profile

    * :memo: Added docs output

    * Added status prop to Profile.

    * :bug: Added zIndex to icon and badge (#491)

    * Added zIndex to ListItem badge and icon style.

    * Fixed profile name being pushed under section (#475)

    * Fixed profile name being pushed under section

    * Same fix using styles instead of section element

    * New fix attempt for profile name being pushed under section

    * Reversed changes and added minHeight

    * Stickers (#497)

    * :sparkles: Added sticker type, added MessageHeader

    * :heavy_minus_sign: Removed press menu to prepare for more component splits

    * :art: Added MessageTime

    * :art: Changed import

    * :construction: WIP splitting messages

    * :art: Added ImageMessage

    * :art: Added StickerMessage

    * :hammer: Moved components to separate folders to allow for separate styles

    * :art: Moved styles to MessageTime folder

    * :art: Moved styles to MessageHeader

    * :construction: WIP styling StickerMessage

    * :lipstick: Finished sticker message style

    * :art: Moved styles to TextMessage

    * :lipstick: Added `flexShrink` to prevent shrinking.

    * :art: Moved style to ImageMessage

    * :memo: Added docs

    * Added stickers to Message, fixed bugs with Profile.

    * Fixed listItem primaryText, secondaryText and adminBadge being off center (#467)

    * Fixed primaryText, secondaryText and adminBadge being off center

    * Reversed lineHeight changes and used another method to center items

    * Fixed primaryText lineHeight and used padding instead to position text

    * Re-added textOverflow and used minHeight

    * Reversed overflow:hidden in root

    * Develop (#498)

    * Added more tables. (#452)

    * added text overflow to list-item (#455)

    * added text overflow to list-item

    * deleted comma at line 65

    * :bug: Added working fix

    * Saved styles to object for all pages (#457)

    * Added more examples to docs (#450)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * Issue #456 (#458)

    * :bug: Added text overlfow to Profile

    * :bug: Added text overflow to channel header

    * :bug: Added text overflow to pop over

    * :bug: Added textOverflow to AppHeader

    * :bug: Added text overflow to menu item

    * Add input example (#459)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * :bug: Added disabled styles

    * :lipstick: Changed color

    * :fire: Removed inputs

    * Added error and disabled styles to Slider, fixed text overflow issues.

    * Issue-#462 (#464)

    * listItem set secondaryText lineHeight to 16px

    * Increased listItem height and fixed lineHeight

    * Fixed lineheight in list and updated examples

    * modified the max-height of the messageImage (#466)

    * modified the max-height of the messageImage

    * deleted commets and narrowed the max height down to 200px

    * Added more verticl spacing between Title, Description, Usage, Examples and Props (#468)

    * Fixed styling for Input page (#471)

    * Fixed styling for Input page

    * :lipstick: Changed Input's background color

    * Issue-#451: Fixed last few "style={{ }}"s (#469)

    * Fixed last few "style={{ }}"s

    * :bug: Reverted changes

    * :art: Renamed object

    * Issue #446: Added examples to components (#470)

    * Added AdminBadge example

    * Added Badge example

    * Added Button example

    * :art: Changed to single lines

    * Changed image Message max height, fixed Input background colour, fixed Input label colour.

    * Issue #477 (#478)

    * :sparkles: Added IconNotification

    * :memo: Added docs output

    * Issue #447 (#472)

    * Fixed styling for Input page

    * :sparkles: Added `lightbox/index.jsx`.

    * :lipstick: Added styles for `lightbox`.

    * :sparkles: Added lightbox to `message.jsx`.

     #447

    * :memo: Docgen.

    * :hankey: Reverted unwanted commit.

    * :sparkles: Added `enableLightbox` prop.

    * :memo: Docgen.

    * :memo: Added `Docs` page.

    * :pencil2: New image link.

    * :bug: Added more checks for `enableLightbox`.

    * :bug: Added more checks.

    * :sparkles: Added onMenuClose to IconMenu (#479)

    * :sparkles: Added onMenuClose to IconMenu

    * :memo: Added docs

    * Added Lightbox component, added lightbox to Message, added IconNotification, added onMenuClose to IconMenu.

    * :sparkles: Added status indicator to Avatar (#484)

    Fixed issue #483

    * :zap: Added recompose pure to WithTheme (#485)

    Fixed issue #481

    * Added pure to WithTheme, added status to Avatar.

    * Profile status (#489)

    * :sparkles: Added status to Profile

    * :memo: Added docs output

    * Added status prop to Profile.

    * :bug: Added zIndex to icon and badge (#491)

    * Added zIndex to ListItem badge and icon style.

    * Fixed profile name being pushed under section (#475)

    * Fixed profile name being pushed under section

    * Same fix using styles instead of section element

    * New fix attempt for profile name being pushed under section

    * Reversed changes and added minHeight

    * Stickers (#497)

    * :sparkles: Added sticker type, added MessageHeader

    * :heavy_minus_sign: Removed press menu to prepare for more component splits

    * :art: Added MessageTime

    * :art: Changed import

    * :construction: WIP splitting messages

    * :art: Added ImageMessage

    * :art: Added StickerMessage

    * :hammer: Moved components to separate folders to allow for separate styles

    * :art: Moved styles to MessageTime folder

    * :art: Moved styles to MessageHeader

    * :construction: WIP styling StickerMessage

    * :lipstick: Finished sticker message style

    * :art: Moved styles to TextMessage

    * :lipstick: Added `flexShrink` to prevent shrinking.

    * :art: Moved style to ImageMessage

    * :memo: Added docs

    * Added stickers to Message, fixed bugs with Profile.

    * :bug: Added secondaryBadge prop for badges in the text field.

    * :bug: Adjusted AdminBadge styles to fix height issue.

    * :memo: Added with secondaryBadge to docs pages.

    * :memo: DocGen.

    * :bug: Added 2px lineHeight for overhanging 'g'.

    * :bug: Added 2px lineHeight to compensate for overhanging g.

    * :art: Renamed prop

    * Issue #493 (#501)

    * :sparkles: Added `IconMenu`.

    * :bug: Changed prop onClick to closeMenu.

    * :memo: Added section to docs for messages with icon menu.

    * :memo: DocGen.

    * :fire: Removed redundant method

    * :art: Renamed method

    * Compact messages image (#500)

    * :bug: Fixed compact stickers

    * :lipstick: Changed style for compact image messages

    * Added IconMenu to message, fixed compact Message styles, added textBadge to ListItem.

    * fixed #508 (#509)

    * Tables (#510)

    * :sparkles: Added Table components

    * :sparkles: Changed to Table components

    * :memo: Added docs page

    * :hankey: Added missing exports

    * :art: Changed to es6 functions

    * Added Table components, added value prop to CheckBox.

    * :bug: Added check for textBadge (#513)

    * Removed unknown handleSearch prop and fixed errors, for #517 (#519)

    * Issue #507 (#516)

    * :construction: WIP changing context

    * :construction: Added unsub

    * :twisted_rightwards_arrows: merged stash

    * :art: Added themeable component

    * :art: Added newline

    * :construction: Added themeable HoC

    * :art: Changed to es6 methods

    * :hammer: Changed back to stateless, added color propType, added compose

    * :memo: WIP theme doc page

    * :truck: Renamed file

    * :twisted_rightwards_arrows: Merged stash

    * :fire: Removed pure to allow hovers to work again

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :hammer: Refactored to new theme management

    * :fire: Removed theme wrapper

    * :memo: Added proper example for theme

    * :memo: Added h2

    * :memo: Added default theme button

    * :truck: Made themeable part of the API

    * :art: Changed to lodash functions

    * :memo: Added themeable doc

    * :memo: Fixed usage

    * :memo: Changed getting started

    * :memo: Added docs output

    * :memo: Removed components I do not need docs for

    * added curry function for themeable options

    * :rotating_light: Removed React warning

    * :art: Changed naming

    * :memo: Finished themeable hoc doc

    * :memo: Added deprecation warnings

    * added option to use anchor-ui without withTheme component

    * :hammer: Applied theme changes to EmojiMenu

    * :hammer: Applied theme change to Modal

    * :art: Removed redundant

    * :green_heart: Fixed lint error

    * :hankey: Reverted change

    * Changed how theme color is managed, added ThemeProvider, added themeable HoC.

    * :hankey: Added missing export

    * Added export for ThemeProvider.

    * Issue #504 (#529)

    * :bug: Added `contentStyle` prop to iconMenu.

    * :memo: DocGen.

     #504

    * :bug: Added default for prop.

    Fixed #504.

    * :memo: DocGen.

     #504

    * Issue #203 avatar  (#525)

    * Added test for avatar style function, #203

    * Added test for each type

    * Issue #203 admin-badge (#524)

    * Added test for admin-badge style function

    * Fixed wrong property on inverted test

    * :lipstick: Added missing themeable to ChannelAvatar (#527)

    * Issue #518 (#532)

    * Made hideAlert prop optional, for #518

    * Removed hideAlert from home and with-theme

    * :lipstick: Added theme color transition (#528)

    * :lipstick: Added theme color transition

    * :green_heart: Fixed tests

    * :hankey: Added default `right: inital` to select's popOver styles. (#531)

    * :hankey: Added default `right: inital` to select's popOver styles.

    We should find a better fix for this. Fixes #530. #530

    * :bug: Moved popOver styles to const.

    * deleted line-height to fix the display of the adminbadge on firefox, … (#521)

    * deleted line-height to fix the display of the adminbadge on firefox, fixed #512

    * modified lineheight secondarytext

    * changed line-height of the textbadge to 22px

    * reverted changes

    * :sparkles: Added IconColor (#537)

    * :sparkles: Added icon refresh (#539)

    * Various styling fixes, added icons, added themeable to ChannelAvatar, added contentStyle to IconMenu, added transition to all components that use theme colour.

    * Refactored style function for banner, #203 (#536)

    * Added test for card-content style function, #203 (#542)

    * Added test for card-header style function, #203 (#544)

    * Added test for channel-header style function, #203 (#545)

    * Added test for card style function, #203 (#540)

    * Window resize (#543)

    * :heavy_plus_sign: Added `react-event-listener`.

    * :sparkles: Added `closeMenu` on window resize.

    * :memo: DocGen.

    * :green_heart: Added new line.

    * Fixed empty objects (#551)

    * Issue #203 button (#538)

    * Added test for button style function, #203

    * Combine-styles fix

    * Fixed empty objects

    * :hankey: Fixed github button

    * Issue #203 badge (#535)

    * Added test for badge style function, #203

    * Small fix

    * Fixed empty objects and changed to es6 default argument

    * :white_check_mark: Changed describe

    * Issue #203 checkbox (#546)

    * Added test for checkbox style function, #203

    * Fixed empty object

    * Issue #203 dialog (#547)

    * Added test for dialog style function, #203

    * Fixed tests.

    * Fixed empty object and changed to es6 default argument

    * Issue #203 empty-state (#548)

    * Refactored style function for empty-state, #203

    * Fixed empty object

    * Fixed empty objects (#553)

    * Refactored style function for banner (#554)

    * Added test for lightbox style function, #203 (#555)

    * Refactored list style function (#556)

    * Issue #203 list-item (#557)

    * Added test for list-item style function

    * Changed to es6 default argument

    * Added test for menu-item style function, #203 (#559)

    * Added test for message style function, #203 (#561)

    * Issue #203 image-message (#563)

    * Added test for image-message style function

    * Changed to es6 default argument

    * Added test for message-header style function, #203 (#565)

    * Added test for message-time style function, #203 (#567)

    * :rotating_light: Fixed linter missing files. (#550)

    * :rotating_light: Fixed linter missing files.

    * resolved lint errors

    * Pagination (#564)

    * :sparkles: Added Pagination component

    * :sparkles: Added icons

    * :memo: Added docs page

    * :memo: Changed docs

    * :lipstick: Added width

    * :fire: Removed header

    * :sparkles: Added position prop

    * :memo: Updated docgen

    * :fire: Removed defaultProp

    * :hankey: Removed loze put

    * :sparkles: Changed argument

    * Components updated to ES6 arrow function (#566)

    * updated the badge function to a ES6 arrow function

    * updated the adminbadge function to an ES6 arrow function

    * updated the alert function to an ES6 arrow function

    * updated the app-header function to an ES6 arrow function

    * updated the avatar function to an ES6 arrow function

    * updated the button function to an ES6 arrow function

    * updated the card function to an ES6 arrow function

    * updated the channel-header function to an ES6 arrow function

    * updated the divider function to an ES6 arrow function

    * updated the emoji-menu function to an ES6 arrow function

    * updated the empty-state function to an ES6 arrow function

    * updated the home function to an ES6 arrow function

    * updated icon-menu function to an ES6 arrow function

    * updated lightbox function to an ES6 arrow function

    * updated list-item function to an ES6 arrow function

    * updated list function to an ES6 arrow function

    * updated icons function to an ES6 arrow function

    * updated loading function to an ES6 arrow function

    * updated menu-item function to an ES6 arrow function

    * updated message-list function to an ES6 arrow function

    * updated message function to an ES6 arrow function

    * updated nav function to an ES6 arrow function

    * updated paper function to an ES6 arrow function

    * updated pop-over function to an ES6 arrow function

    * updated profile-card function to an ES6 arrow function

    * updated profile function to an ES6 arrow function

    * updated props function to an ES6 arrow function

    * updated table function to an ES6 arrow function

    * updated tabs function to an ES6 arrow function

    * updated theme-provider function to an ES6 arrow function

    * updated themeable function to an ES6 arrow function

    * updated with-theme function to an ES6 arrow function

    * Added Pagination component, fixed some code styling, added tests.

    * :memo: Changed docs

    * Issue #203 loader (#558)

    * Refactored loader style function

    * Added test for loader style function, #203

    * Fixed naming

    * Added root style function

    * Fixed function, added test

    * Added test for text-message style function, #203 (#572)

    * Issue #203 message-input (#573)

    * Refactored style function for message-input, #203

    * Added test for message-input style function

    * Issue #203 message-list (#574)

    * Refactored style function for message-list, #203

    * Added test for message-list style function

    * Fixed wrong naming (#575)

    * Added test for overlay style function, #203 (#576)

    * Added test for pagination style function, #203 (#577)

    * Issue #203 radio-button (#581)

    * Refactored style function for radio-button, #203

    * Added test for radio-button style fucntion, #203

    * SRC Functions update to ES6 (#571)

    * updated index funtion to an ES6 arrow function

    * updated app-header function to an ES6 arrow function

    * updated avatar function to an ES6 arrow function

    * updated badge function to an ES6 arrow function

    * updated card function to an ES6 arrow function

    * updated card-content function to an ES6 arrow function

    * updated card function to an ES6 arrow function

    * updated card-header function to an ES6 arrow function

    * updated channel header function to ES6

    * updated checkbox function to ES6

    * updated divider function to ES6

    * updated emoji categories function to ES6

    * updated emoji menu function to ES6

    * updated empty state function to ES6

    * updated the icons functions to ES6

    * fixed console error in icons

    * updated input function to ES6

    * updated internal functions to ES6

    * updated list function to ES6

    * updated loader functions to ES6

    * :art: Moved scope

    * :hankey: Fixed conflict

    * :hankey: Added missing returns

    * :art: Reverted change

    * updated menu function to an ES6 arrow function

    * updated multiple messages functions to ES6 arrow functions

    * updated message-input functions to ES6 arrow functions

    * updated modal function to ES6 arrow function

    * updated overlay function to an ES6 arrow function

    * updated paper function to an ES6 arrow function

    * updated pop-over function to ES6 arrow function

    * fixed merge conflict

    * updated radio button function to ES6 arrow function

    * updated radio button group function to ES6 arrow function

    * updated slider function to ES6 arrow function

    * updated switch function to ES6 arrow function

    * updated tab function to ES6 arrow function

    * updated adminbadge getstyles function

    * updated app-header get styles function

    * updated avatar get styles function

    * updated button get style function

    * updated channel-header get styles functions

    * updated card-content get styles function

    * updaetd card-header get styles function

    * updated app-header get styles functions

    * updated checkbox getstyles functions

    * updated dialog getstyles function

    * updated empty-state getstyles function

    * updated input get styles functions

    * updated lightbox get-styles functions

    * updated list-item get styles function

    * updated menu getstyles functions

    * updated menu-item getstyles functions

    * updated messages get-styles functions

    * updated modal getstyles functions

    * updated overlay getstyles functions

    * updated paper getstyles function

    * updated profile getstyles functions

    * updated profile-card getstyles function

    * updated select getstyles functions

    * updated slider getstyles functions

    * updated tab getstyles functions

    * updated table getstyles function

    * updated table bpdy getstyles function

    * updated table column getstyles functions

    * updated table header getstyles functions

    * updated table-header-column getstyles functions

    * updated table-row getstyles functions

    * updated tabs getstyles functions

    * :hankey: Reverted change

    * :art: Removed newline

    * :art: Removed newline

    * Issue #203 pop-over (#579)

    * Refactored style function for pop-over, #203

    * Added test for pop-over style function

    * Added test for position argument

    * Issue #203 profile-card (#580)

    * Changed to es6 default value

    * Added test for profile-card style function, #203

    * Fixed avatar style test

    * Issue #203 radio-button-group (#582)

    * Refactored style function for radio-button-group, #203

    * Added test for radio-button-group style function

    * Issue #203 search-box (#583)

    * Refactored style function for search-box, #203

    * Added test for search-box style function

    * Issue #203 select (#584)

    * Changed to es6 default argument

    * Added test for select style function, #203

    * :bug: Made offline the default status (#585)

    * Issue #578 (#586)

    * fixed #578

    * updated docs for pagination

    * Made Avatar status default offline, added jumpToPage Pagination, fixed some bugs with Pagination. Changed a lot of code styling, added getStyles tests.

    * Added test for slider style function, #203 (#587)

    * Issue #203 switch (#589)

    * Refactored style function for switch, #203

    * Added test for switch style function, #203

    * Added test for table style function, #203 (#590)

    * Issue #203 table items (#591)

    * Added test for table-body style function, #203

    * Added test for table-column style function

    * Added test for table-header-column style function

    * Added test for table-header style function

    * Added test for table-row style function

    * :fire: Removed argument

    * :fire: Changed argument

    * Issue #203 alert (#592)

    * Refactored style function for alert, #203

    * Added test for alert style function

    * Issue #203 banner (#593)

    * Refactored style function for banner, #203

    * Added test for banner style function

    * Issue #203 divider (#594)

    * Refactored style function for divider, #203

    * Small fix

    * Added test for divider style function

    * Issue #203 icon menu (#596)

    * Refactored style function for icon-menu, #203

    * Added test for icon-menu style function

    * Issue #203 list (#597)

    * Refactored style function for list, #203

    * Added test for list style function

    * Issue #598 (#600)

    * :bug: Increased zIndex

    * :memo: Added IconMenu example

    * Switch theme (#601)

    * :art: Changed to default param

    * :art: Minor code styling improvements

    * :bug: Changed to backgroundColor

    * Issue #203 emoji-menu (#595)

    * Refactored style function for emoji-menu, #203

    * Added test for emoji-menu style function

    * Refactored emoji-categories styles

    * Changed naming

    * Refactored emoji-category styles

    * Refactored emoji-modifiers styles

    * Added tests

    * Fixed zIndex issue with ListItem, fixed theming issue with Switch, added more style tests.

    * :white_check_mark: Added test for getPager (#603)

    * :white_check_mark: Added test for getPager

    * :art: Fixed tets

    * :pencil2: Fixed typo

    * :white_check_mark: Added test

    * :lipstick: Adjusted styles to fix bug.

    Fixes #495.

    * :memo: Adjusted image size on docs page.

     #495

    * Issue #604 (#606)

    * :sparkles: ListItem root click toggles nested list if onClick is not supplied

    * :zap: Added check for children to prevent redundant calls to setState

    * :art: Saved operators in const

    * :rewind: Reverted develop push.

    @iancstewart didn't have his coffee yet.

    * Issue #495 (#607)

    * :sparkles: Added new header design for lightbox.

    * :lipstick: Styled lightbox image.

    Fixed #495 #495

    * :memo: DocGen.

    * :bug: Renamed prop to `title`.

    * :memo: DocGen.

    * :bug: Adjusted propname for image-message.

    * Issue #523 (#549)

    * :wrench: Ejected create-react-app

    * :fire: Removed styleroot

    * :fire: Removed eslint from create-react-app

    * :memo: Added info about styleroot

    * :green_heart: Installed radium

    * :hankey: Possible fix. (#608)

    * :hankey: Possible fix.

    Not very elegant though.

    * :memo: Added section about scaling emoji's

    * :rotating_light: Fixed maxLength

    * :sparkles: Added error to RadioButtonGroup (#611)

    * Added error to RadioButton group, added className to messages, added more tests.

    * :ambulance: Added missing type (#613)

    * :ambulance: Added hotfix for long text in tables (#614)

    * Added hotfix for Banner, added fix for long texts in Table.

    * Feature/collapsed images (#617)

    * :hankey: Added missing keys

    * :sparkles: Added collapse to image Messag

    * :pencil2: Fixed typo

    * :sparkles: Added collapsedText

    * :hankey: Oops

    * :lipstick: Added cursor

    * :memo: Added collapse example

    * [Feature] Commands (#616)

    * :sparkles: Added Commands component

    * :memo: Added docs for Command component

    * :memo: Fixed mistakes

    * :art: Changed to lodash map

    * Added Commands component, added collapsed and expand props to Message allowing image messages to be collapsed and expanded.

    * :sparkles: Added param to Commands (#619)

    * :sparkles: Added param to Commands

    * :memo: Added param example

    * :memo: Changed docs

    * :sparkles: Added filter to Commands (#620)

    * Feature/commands open/close (#621)

    * :sparkles: Added filter to Commands

    * :fire: Added open/close based on value prop

    * :memo: Changed placeholder

    * :sparkles: Added onClickOutside, clicking outside the menu will now close it (#623)

    * Added auto open/close to Commands, added value prop and filter to commands and added onClickOutside to Commands.

    * Commands onselect (#625)

    * :lipstick: Removed margin

    * :bug: Added missing setState

    * :bug: Added missing handleSelect

    * :memo: Added working hover and select events

    * :fire: Removed log

    * Added missing handleSelect to Commands, fixed styles.

    * :hammer: Refactored message doc to use selects instead of rendering more message lists (#629)

    * :lipstick: Fixed height for list-items without second line. (#632)

    * :lipstick: Fixed height for list-items without second line.

    Fixes #630. #630

    * :green_heart: Added missing parameter to ListItem test.

    * :white_check_mark: Added test for `getStyle.root()` function for single-line styles.

    * :art: Flipped things around

    * :white_check_mark: Fixed test to match flip

    * :lipstick: Decreased ListItem height

    * :memo: Added primaryText example

    * Clickoutside (#634)

    * :heavy_minus_sign: Removed onlcickoutside, it caused production builds to fail

    * :hammer: Refactored to use a clickAway element

    * Bug/color contrast (#635)

    * :lipstick: Changed text colors

    * :lipstick: Changed bold texts to primaryText color

    * Removed onClickOutside from Commands, changed text colors to increase contrast.

    * :lipstick: Changed color

    * :lipstick: Added top and translate, fixed firefox issue (#640)

    * :sparkles: Added rightButton prop, overhauled stylings (#638)

    * :sparkles: Added rightButton prop, overhauled stylings

    * :fire: Removed override

    * :lipstick: Added top and translate, fixed firefox issue

    * :white_check_mark: Fixed tests

    * :green_heart: Fixed test

    * Fixed browser support issue with LisItems, added rightButton to MessageInput.

    * List item/icon menu (#644)

    * :lipstick: Overhauled styles to not break

    * :fire: Removed avatar from example

    * :green_heart: Fixed tests

    * Removed translate from button and avatar, fixed icon menu bug.

    * :bug: Fixed buttons for long text (#646)

    * Fixed ListItems with long texts and buttons.

    * :bug: Combine styles instead of returning (#650)

    * :lipstick: Added translate (#643)

    * :lipstick: Added translate

    Fixed issue #637

    * :lipstick: Increased padding

    * :green_heart: Fixed test

    * Issue #622/commands (#649)

    * :hammer: Reverted changes

    * :lipstick: Fixed styles for long texts, changed color

    * Reintroduced react-onclickoutside, fix override style bug with MessageInput, fixed Select header long texts.

    * Profile component test (#610)

    * Added test examples for style component

    * :truck: Moved file

    * Expanded profile component test

    * WIP function test with sinon

    * :white_check_mark: Moved tests

    * :fire: Removed tests

    * Added getStyle tests

    * Combined tests

    * Test button as prop instead of passing as child

    * Fixed small mistake in button test

    * Combined tests

    * Changed naming of profile to wrapper

commit e3c16baa0da131de4af19e128d76c76fb4092a3f
Author: Ralphvandodewaard <[email protected]>
Date:   Thu Jun 8 08:56:45 2017 +0200

    Profile component test (#610)

    * Added test examples for style component

    * :truck: Moved file

    * Expanded profile component test

    * WIP function test with sinon

    * :white_check_mark: Moved tests

    * :fire: Removed tests

    * Added getStyle tests

    * Combined tests

    * Test button as prop instead of passing as child

    * Fixed small mistake in button test

    * Combined tests

    * Changed naming of profile to wrapper

commit f5dc5eb6f9f2e7ea95d4e9b99f6cbaededf6dc69
Author: sjaakluthart <[email protected]>
Date:   Thu Jun 8 08:49:22 2017 +0200

    Reintroduced react-onclickoutside, fix override style bug with MessageInput, fixed Select header long texts.

commit 093e3bf8113a45a88f580316c4bcee84f1c4d36b
Author: Sjaak Luthart <[email protected]>
Date:   Thu Jun 8 08:47:19 2017 +0200

    Issue #622/commands (#649)

    * :hammer: Reverted changes

    * :lipstick: Fixed styles for long texts, changed color

commit b63ce080a55b4aa7c43097912b8618a5fcbcad4e
Author: Sjaak Luthart <[email protected]>
Date:   Thu Jun 8 08:39:23 2017 +0200

    :lipstick: Added translate (#643)

    * :lipstick: Added translate

    Fixed issue #637

    * :lipstick: Increased padding

    * :green_heart: Fixed test

commit f6a651690185a5cd2f2ceaf430c2c89c847dc653
Author: Sjaak Luthart <[email protected]>
Date:   Thu Jun 8 08:39:09 2017 +0200

    :bug: Combine styles instead of returning (#650)

commit 38021fa626a65d23e7952139df93219baa39ebad
Merge: 4977bef 22a499d
Author: sjaakluthart <[email protected]>
Date:   Wed Jun 7 17:12:24 2017 +0200

    :twisted_rightwards_arrows: Merged origin/master

commit 22a499daacd136fb95741ec56ed8c901006ccddf
Author: Sjaak Luthart <[email protected]>
Date:   Wed Jun 7 12:40:44 2017 +0200

    [3.5.6] Fixed ListItems with long texts and buttons. (#647)

    * Added more tables. (#452)

    * added text overflow to list-item (#455)

    * added text overflow to list-item

    * deleted comma at line 65

    * :bug: Added working fix

    * Saved styles to object for all pages (#457)

    * Added more examples to docs (#450)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * Issue #456 (#458)

    * :bug: Added text overlfow to Profile

    * :bug: Added text overflow to channel header

    * :bug: Added text overflow to pop over

    * :bug: Added textOverflow to AppHeader

    * :bug: Added text overflow to menu item

    * Add input example (#459)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * :bug: Added disabled styles

    * :lipstick: Changed color

    * :fire: Removed inputs

    * Added error and disabled styles to Slider, fixed text overflow issues.

    * Issue-#462 (#464)

    * listItem set secondaryText lineHeight to 16px

    * Increased listItem height and fixed lineHeight

    * Fixed lineheight in list and updated examples

    * modified the max-height of the messageImage (#466)

    * modified the max-height of the messageImage

    * deleted commets and narrowed the max height down to 200px

    * Added more verticl spacing between Title, Description, Usage, Examples and Props (#468)

    * Fixed styling for Input page (#471)

    * Fixed styling for Input page

    * :lipstick: Changed Input's background color

    * Issue-#451: Fixed last few "style={{ }}"s (#469)

    * Fixed last few "style={{ }}"s

    * :bug: Reverted changes

    * :art: Renamed object

    * Issue #446: Added examples to components (#470)

    * Added AdminBadge example

    * Added Badge example

    * Added Button example

    * :art: Changed to single lines

    * Changed image Message max height, fixed Input background colour, fixed Input label colour.

    * Issue #477 (#478)

    * :sparkles: Added IconNotification

    * :memo: Added docs output

    * Issue #447 (#472)

    * Fixed styling for Input page

    * :sparkles: Added `lightbox/index.jsx`.

    * :lipstick: Added styles for `lightbox`.

    * :sparkles: Added lightbox to `message.jsx`.

     #447

    * :memo: Docgen.

    * :hankey: Reverted unwanted commit.

    * :sparkles: Added `enableLightbox` prop.

    * :memo: Docgen.

    * :memo: Added `Docs` page.

    * :pencil2: New image link.

    * :bug: Added more checks for `enableLightbox`.

    * :bug: Added more checks.

    * :sparkles: Added onMenuClose to IconMenu (#479)

    * :sparkles: Added onMenuClose to IconMenu

    * :memo: Added docs

    * Added Lightbox component, added lightbox to Message, added IconNotification, added onMenuClose to IconMenu.

    * :sparkles: Added status indicator to Avatar (#484)

    Fixed issue #483

    * :zap: Added recompose pure to WithTheme (#485)

    Fixed issue #481

    * Added pure to WithTheme, added status to Avatar.

    * Profile status (#489)

    * :sparkles: Added status to Profile

    * :memo: Added docs output

    * Added status prop to Profile.

    * :bug: Added zIndex to icon and badge (#491)

    * Added zIndex to ListItem badge and icon style.

    * Fixed profile name being pushed under section (#475)

    * Fixed profile name being pushed under section

    * Same fix using styles instead of section element

    * New fix attempt for profile name being pushed under section

    * Reversed changes and added minHeight

    * Stickers (#497)

    * :sparkles: Added sticker type, added MessageHeader

    * :heavy_minus_sign: Removed press menu to prepare for more component splits

    * :art: Added MessageTime

    * :art: Changed import

    * :construction: WIP splitting messages

    * :art: Added ImageMessage

    * :art: Added StickerMessage

    * :hammer: Moved components to separate folders to allow for separate styles

    * :art: Moved styles to MessageTime folder

    * :art: Moved styles to MessageHeader

    * :construction: WIP styling StickerMessage

    * :lipstick: Finished sticker message style

    * :art: Moved styles to TextMessage

    * :lipstick: Added `flexShrink` to prevent shrinking.

    * :art: Moved style to ImageMessage

    * :memo: Added docs

    * Added stickers to Message, fixed bugs with Profile.

    * Fixed listItem primaryText, secondaryText and adminBadge being off center (#467)

    * Fixed primaryText, secondaryText and adminBadge being off center

    * Reversed lineHeight changes and used another method to center items

    * Fixed primaryText lineHeight and used padding instead to position text

    * Re-added textOverflow and used minHeight

    * Reversed overflow:hidden in root

    * Develop (#498)

    * Added more tables. (#452)

    * added text overflow to list-item (#455)

    * added text overflow to list-item

    * deleted comma at line 65

    * :bug: Added working fix

    * Saved styles to object for all pages (#457)

    * Added more examples to docs (#450)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * Issue #456 (#458)

    * :bug: Added text overlfow to Profile

    * :bug: Added text overflow to channel header

    * :bug: Added text overflow to pop over

    * :bug: Added textOverflow to AppHeader

    * :bug: Added text overflow to menu item

    * Add input example (#459)

    * Added more input examples

    * Added more message examples

    * Added more listItem examples

    * Saved style objects into consts

    * Saved styles into one object

    * Added error example on Select page and saved styles into object

    * Added more Slider examples

    * Added error style to Slider (Sjaak)

    * Saved styles into object for Input and Message

    * Changed valueDefaults to values and placed closing brackets on newline

    * :bug: Added disabled styles

    * :lipstick: Changed color

    * :fire: Removed inputs

    * Added error and disabled styles to Slider, fixed text overflow issues.

    * Issue-#462 (#464)

    * listItem set secondaryText lineHeight to 16px

    * Increased listItem height and fixed lineHeight

    * Fixed lineheight in list and updated examples

    * modified the max-height of the messageImage (#466)

    * modified the max-height of the messageImage

    * deleted commets and narrowed the max height down to 200px

    * Added more verticl spacing between Title, Description, Usage, Examples and Props (#468)

    * Fixed styling for Input page (#471)

    * Fixed styling for Input page

    * :lipstick: Changed Input's background color

    * Issue-#451: Fixed last few "style={{ }}"s (#469)

    * Fixed last few "style={{ }}"s

    * :bug: Reverted changes

    * :art: Renamed object

    * Issue #446: Added examples to components (#470)

    * Added AdminBadge example

    * Added Badge example

    * Added Button example

    * :art: Changed to single lines

    * Changed image Message max height, fixed Input background colour, fixed Input label colour.

    * Issue #477 (#478)

    * :sparkles: Added IconNotification

    * :memo: Added docs output

    * Issue #447 (#472)

    * Fixed styling for Input page

    * :sparkles: Added `lightbox/index.jsx`.

    * :lipstick: Added styles for `lightbox`.

    * :sparkles: Added lightbox to `message.jsx`.

     #447

    * :memo: Docgen.

    * :hankey: Reverted unwanted commit.

    * :sparkles: Added `enableLightbox` prop.

    * :memo: Docgen.

    * :memo: Added `Docs` page.

    * :pencil2: New image link.

    * :bug: Added more checks for `enableLightbox`.

    * :bug: Added more checks.

    * :sparkles: Added onMenuClose to IconMenu (#479)

    * :sparkles: Added onMenuClose to IconMenu

    * :memo: Added docs

    * Added Lightbox component, added lightbox to Message, added IconNotification, added onMenuClose to IconMenu.

    * :sparkles: Added status indicator to Avatar (#484)

    Fixed issue #483

    * :zap: Added recompose pure to WithTheme (#485)

    Fixed issue #481

    * Added pure to WithTheme, added status to Avatar.

    * Profile status (#489)

    * :sparkles: Added status to Profile

    * :memo: Added docs output

    * Added status prop to Profile.

    * :bug: Added zIndex to icon and badge (#491)

    * Added zIndex to ListItem badge and icon style.

    * Fixed profile name being pushed under section (#475)

    * Fixed profile name being pushed under section

    * Same fix using styles instead of section element

    * New fix attempt for profile name being pushed under section

    * Reversed changes and added minHeight

    * Stickers (#497)

    * :spar…

Loading branch information

Sjaak Luthart authored and IanCStewart committed Feb 2, 2018

1 parent e3c5c23 commit 2d29d40

MIGRATION.md

-Original file line number
+Diff line change
@@ -1,4 +1,24 @@
-    # Migrating from anchor-ui v4.x to v5
+    # Migrating from v6 to v6.2
+    ## Gallery
+    Gallery's itemHeight prop has been renamed to rowHeight.
+    # Migrating from v5.x.x to v6
+    ## ListItem
+    Nested lists have been removed from the API. The ListItem no longer accepts children as props.
+    ## Message
+    Message no longer formats date objects or strings. It just renders a node. Supply your own formatting using a libary like [momentjs](https://momentjs.com/). Message's data is nog longer passed as an object, pass each value as a separate prop.
+    ## DateSeparator
+    DateSeparator no longer formats date objects or strings. It just renders a node. Supply your own formatting using a libary like [momentjs](https://momentjs.com/).
+    # Migrating from v4.x to v5
     In this version we updated to React v16, added Portal for PopOver, updated to emojione v3, refactored and restyled Message, replaced dangerouslySetInnerHTML with html-react-parser and adjusted some styling to 8dp grid.
     ## React v16
@@ Expand Down @@

README.md

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -89,9 +89,9 @@ If you'd like to help with the development of this module please consider our [c
  
    ## Team

    |![Sjaak Luthart](https://avatars1.githubusercontent.com/u/6596471?v=3&s=150)|![Ian Stewart](https://avatars2.githubusercontent.com/u/14125280?v=3&s=150)|![Lars Tadema](https://avatars0.githubusercontent.com/u/16486197?v=3&s=150)|![Peter Kuiper](https://avatars3.githubusercontent.com/u/6492184?v=3&s=150)|![Daan Nagtegaal](https://avatars0.githubusercontent.com/u/3033357?v=3&s=150)|![Martijn Reeuwijk](https://avatars1.githubusercontent.com/u/15121010?v=3&s=150)|![Mitchel van Bever](https://avatars1.githubusercontent.com/u/10127707?v=3&s=150)

    |---|---|---|---|---|---|---|

    |[Sjaak Luthart](https://github.com/sjaakluthart)|[Ian Stewart](https://github.com/IanCStewart)|[Lars Tadema](https://github.com/larstadema)|[Peter Kuiper](https://github.com/peterkuiper)|[Daan Nagtegaal](https://github.com/daannagtegaal)|[Martijn Reeuwijk](https://github.com/MartijnReeuwijk)|[Mitchel van Bever](https://github.com/MrBamBam)

    |![Sjaak Luthart](https://avatars1.githubusercontent.com/u/6596471?v=3&s=150)|![Ian Stewart](https://avatars2.githubusercontent.com/u/14125280?v=3&s=150)|![Lars Tadema](https://avatars0.githubusercontent.com/u/16486197?v=3&s=150)|![Peter Kuiper](https://avatars3.githubusercontent.com/u/6492184?v=3&s=150)

    |---|---|---|---|

    |[Sjaak Luthart](https://github.com/sjaakluthart)|[Ian Stewart](https://github.com/IanCStewart)|[Lars Tadema](https://github.com/larstadema)|[Peter Kuiper](https://github.com/peterkuiper)

    ## License

docs/components.json

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -2281,6 +2281,44 @@
  
                    "name": "string",

                    "required": false

                  },

                  "placeholderType": {

                    "name": "enum",

                    "value": [

                      {

                        "value": "'image'",

                        "computed": false

                      },

                      {

                        "value": "'color'",

                        "computed": false

                      }

                    ],

                    "required": false

                  },

                  "width": {

                    "name": "union",

                    "value": [

                      {

                        "name": "string"

                      },

                      {

                        "name": "number"

                      }

                    ],

                    "required": false

                  },

                  "height": {

                    "name": "union",

                    "value": [

                      {

                        "name": "string"

                      },

                      {

                        "name": "number"

                      }

                    ],

                    "required": false

                  },

                  "title": {

                    "name": "node",

                    "required": false

    @@ -2289,14 +2327,14 @@
  
              }

            },

            "required": true,

            "description": "Array of objects containing gallery images.\nEach object must have a 'src' key, 'alt', 'placeholder' and 'title' are optional"

            "description": "Array of objects containing gallery images.\nEach object must have a 'src' key.\n'alt', 'placeholder', 'placeholderType', 'width', 'height' and 'title' are optional\nColor placeholders only work if both 'width' and 'height' are set"

          },

          "itemHeight": {

          "rowHeight": {

            "type": {

              "name": "number"

            },

            "required": false,

            "description": "Height of the items within the gallery",

            "description": "Gallery row height",

            "defaultValue": {

              "value": "320",

              "computed": false

docs/src/components/avatar/index.jsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,5 +1,6 @@
  
    import React from 'react';

    import _ from 'lodash';

    import faker from 'faker';

    import Avatar from '../../../../dist/avatar';

    import components from '../../../components.json';

    import Props from '../props';

    @@ -31,11 +32,11 @@ const AvatarDoc = () => {
  
            <h1>Examples</h1>

            <Markdown markdown={example} title="Code example" />

            <Paper style={style.paper}>

              <Avatar style={style.avatar} image="https://avatars2.githubusercontent.com/u/3033357?s=120&v=4" />

              <Avatar style={style.avatar} image="https://avatars3.githubusercontent.com/u/10127707?s=120&v=4" />

              <Avatar style={style.avatar} image="https://avatars2.githubusercontent.com/u/16486197?v=3&s=120" status="online" />

              <Avatar style={style.avatar} image="https://avatars1.githubusercontent.com/u/6596471?v=3&s=120" status="away" />

              <Avatar style={style.avatar} image="https://avatars0.githubusercontent.com/u/14125280?v=3&s=120" status="offline" />

              <Avatar style={style.avatar} image={faker.internet.avatar()} />

              <Avatar style={style.avatar} image={faker.internet.avatar()} />

              <Avatar style={style.avatar} image={faker.internet.avatar()} status="online" />

              <Avatar style={style.avatar} image={faker.internet.avatar()} status="away" />

              <Avatar style={style.avatar} image={faker.internet.avatar()} status="offline" />

            </Paper>

          </section>

          <Props props={componentData.props} />

docs/src/components/commands/mentions.jsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,9 +1,28 @@
  
    import React, { Component } from 'react';

    import _ from 'lodash';

    import faker from 'faker';

    import Commands from '../../../../dist/commands';

    import MessageInput from '../../../../dist/message-input';

    import Paper from '../../../../dist/paper';

    const mentions = [

      {

        value: faker.internet.userName(),

        prefix: '@',

        avatar: faker.internet.avatar()

      },

      {

        value: faker.internet.userName(),

        prefix: '@',

        avatar: faker.internet.avatar()

      },

      {

        value: faker.internet.userName(),

        prefix: '@',

        avatar: faker.internet.avatar()

      },

    ];

    class CommandsDoc extends Component {

      constructor() {

        super();

    @@ -62,6 +81,8 @@ class CommandsDoc extends Component {
  
      handleClose = () => this.setState({ valueToMatch: '', selectedCommand: '' })

      handleRef = (node) => { this.input = node; }

      render() {

        const style = {

          paper: {

    @@ -82,23 +103,6 @@ class CommandsDoc extends Component {
  
            marginLeft: '16px'

          }

        };

        const mentions = [

          {

            value: 'IanCStewart',

            prefix: '@',

            avatar: 'https://avatars0.githubusercontent.com/u/14125280?v=3&s=400'

          },

          {

            value: 'sjaakluthart',

            prefix: '@',

            avatar: 'https://avatars1.githubusercontent.com/u/6596471?v=3&s=400'

          },

          {

            value: 'larstadema',

            prefix: '@',

            avatar: 'https://avatars2.githubusercontent.com/u/16486197?v=3&s=400'

          },

        ];

        return (

          <Paper style={style.paper}>

    @@ -116,9 +120,9 @@ class CommandsDoc extends Component {
  
              onChange={this.changeValue}

              placeholder="Type @ to filter mentions"

              value={this.state.value}

              sendMessage={() => {}}

              sendMessage={_.noop}

              style={style.messageInput}

              inputRef={(node) => { this.input = node; }}

              inputRef={this.handleRef}

            />

          </Paper>

        );

docs/src/components/date-separator/index.jsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -1,6 +1,7 @@
  
    import React from 'react';

    import _ from 'lodash';

    import moment from 'moment';

    import faker from 'faker';

    import Message from '../../../../dist/message';

    import MessageList from '../../../../dist/message-list';

    import Props from '../props';

    @@ -11,32 +12,32 @@ import DateSeparator from '../../../../dist/date-separator';
  
    import Markdown from '../markdown';

    import example from './example';

    const currentUser = faker.internet.userName();

    const messages = [

      {

        body: 'Stop talking, brain thinking. Hush. You know when grown-ups tell you \'everything\'s going to be fine\' and you think they\'re probably lying to make you feel better? I\'m the Doctor. Well, they call me the Doctor. I don\'t know why. I call me the Doctor too. I still don\'t know why.',

        createdAt: moment().toISOString(),

        username: 'Sjaak',

        avatar: 'https://avatars1.githubusercontent.com/u/6596471?v=3&s=400',

        username: faker.internet.userName(),

        avatar: faker.internet.avatar(),

        id: 1

      },

      {

        body: 'Daleks have no concept of elegance.',

        createdAt: moment().toISOString(),

        username: 'Ian',

        avatar: 'https://avatars0.githubusercontent.com/u/14125280?v=3&s=400',

        username: currentUser,

        avatar: faker.internet.avatar(),

        id: 2

      },

      {

        body: ':pig2:',

        createdAt: moment().add(1, 'days').toISOString(),

        username: 'Sjaak',

        avatar: 'https://avatars1.githubusercontent.com/u/6596471?v=3&s=400',

        username: faker.internet.userName(),

        avatar: faker.internet.avatar(),

        id: 3

      }

    ];

    const currentUser = 'Ian';

    const DateSeparatorDoc = () => {

      const componentData = _.find(components, component => component.displayName === 'DateSeparator');

docs/src/components/gallery.jsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -16,39 +16,58 @@ const usage = `
  
    const images = [

      {

        src: 'https://source.unsplash.com/featured/?man',

        alt: 'man',

        title: 'man'

        src: 'https://source.unsplash.com/random/800x600',

        alt: '800x600',

        title: '800x600',

        width: 800,

        height: 600,

        placeholder: 'hotpink',

        placeholderType: 'color'

      },

      {

        src: 'https://source.unsplash.com/featured/?woman',

        alt: 'woman',

        title: 'woman'

        src: 'https://source.unsplash.com/random/600x600',

        alt: '600x600',

        title: '600x600',

        width: 600,

        height: 600,

        placeholder: 'rebeccapurple',

        placeholderType: 'color'

      },

      {

        src: 'https://source.unsplash.com/featured/?nature',

        alt: 'nature',

        title: 'nature'

        src: 'https://source.unsplash.com/random/800x400',

        alt: '800x400',

        title: '800x400',

        width: 800,

        height: 400,

        placeholder: 'blanchedalmond',

        placeholderType: 'color'

      },

      {

        src: 'https://source.unsplash.com/featured/?portrait',

        alt: 'portrait',

        title: 'portrait'

        src: 'https://source.unsplash.com/random/1920x1080',

        alt: '1920x1080',

        title: '1920x1080',

        width: 1920,

        height: 1080,

        placeholder: 'crimson',

        placeholderType: 'color'

      },

      {

        src: 'https://source.unsplash.com/featured/?office',

        alt: 'office',

        title: 'office'

        src: 'https://source.unsplash.com/random/940x600',

        alt: '940x600',

        title: '940x600',

        width: 940,

        height: 600,

        placeholder: 'seagreen',

        placeholderType: 'color'

      },

      {

        src: 'https://source.unsplash.com/featured/?design',

        alt: 'design',

        title: 'design'

      },

      {

        src: 'https://source.unsplash.com/featured/?tree',

        alt: 'tree',

        title: 'tree'

        src: 'https://source.unsplash.com/random/300x400',

        alt: '300x400',

        title: '300x400',

        width: 300,

        height: 400,

        placeholder: 'cornflowerblue',

        placeholderType: 'color'

      }

    ];

    @@ -58,11 +77,11 @@ class GalleryDoc extends Component {
  
        this.state = {

          lightbox: false,

          itemHeight: 320

          rowHeight: 320

        };

      }

      selectItemHeight = (event, itemHeight) => this.setState({ itemHeight })

      selectRowHeight = (event, rowHeight) => this.setState({ rowHeight })

      selectLightbox = (event, lightbox) => this.setState({ lightbox })

    @@ -103,7 +122,7 @@ class GalleryDoc extends Component {
  
                  <MenuItem text="On" value />

                  <MenuItem text="Off" value={false} />

                </Select>

                <Select style={style.select} label="Item height" value={this.state.itemHeight} onChange={this.selectItemHeight}>

                <Select style={style.select} label="Row height" value={this.state.rowHeight} onChange={this.selectRowHeight}>

                  <MenuItem text="400" value={400} />

                  <MenuItem text="320" value={320} />

                  <MenuItem text="240" value={240} />

    @@ -113,7 +132,7 @@ class GalleryDoc extends Component {
  
              <Paper style={style.paper}>

                <Gallery

                  items={images}

                  itemHeight={this.state.itemHeight}

                  rowHeight={this.state.rowHeight}

                  enableLightbox={this.state.lightbox}

                />

              </Paper>

0 comments on commit `2d29d40`

Please sign in to comment.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

0 comments on commit `2d29d40`

Commit

There are no files selected for viewing

0 comments on commit 2d29d40

0 comments on commit `2d29d40`