- Merged Frontend Chapter's CONTRIBUTING.md into this repo's CONTRIBUTING.md.
- DialogLayout no longer has double the spacing between TopNav and content
- Updated CJLogo to use the new svg asset
- Changed CJIcon to use CJLogo instead of its own svg paths
- Added webpack support for svg files in visual-stack-redux
- visual-stack/sortingHelper: Custom comparator to handle null values while sorting, specifically for string data type.
- CompanySelector: Add selector component to change between companies. This component allows the ability to search through companies
- SideNav: Prevent the sidenav icons from looking too much apart when the sidenav is collapsed and the user is using the expanded property
- Tabs can now render lazily.
- TopNav: add subtitle prop for centered text in nav
- DialogLayout: Fixed the padding at the top of the dialog layout.
- Drawer: Added missing propTypes
- Add Drawer component
- Box: remove console warning on experimental Box
- Box: move out of experimental. Experimental version is kept for backward compatibility but deprecated. Will be removed in a future release.
- Box: rename spacing props values from "default" to "medium".
- Box: update Box docs.
- Update to CONTRIBUTING.md about installing lerna.
- BlankSlate: Remove hard-coded / default icon graphic and white background Panel per UX.
- Form: Remove 24px margin between fields per UX.
- Modal: Remove header and footer boarder lines, push top down, add left & right padding of 25px, include a -md class which is not quite as wide as the default. All per UX.
- DataTable: Change the thickness and color of the header row bottom border, remove the extra DataTable.css import which was causing issues, added alignment argument to header props. All per UX.
- TopNav: Fixed some sizing and cursor issues.
- Panel: Now passing down classnames onto the component.
- Add TopNav component
- Add optional alwaysUpdateInnerCheckboxState prop to TriStateCheckbox
- Allow additional className to be applied to Modal components
- Add new Badge variants
- Fix Badge PropTypes
- Update Badge docs
- Add selectable rows to DataTable.
- renderToolbar's data prop now return an array of objects instead of array of arrays.
- Before: data = [['first', 'last']], After: data = [{row: ['first', 'last'], selected: true}]
- Add Badge component
- Add PercentSlider: a new input component with percentage display
- Add PureCollapsiblePanel so that you can manage the state outside the component
- CollapsiblePanel: add onToggleCollapse prop
- Tree: fix warnings in tree component
- SlidngPanel: support badges in sliding panel
- SlidngPanel: fix warnings
- Input: fix onChange invocation when onBlur
- Box: fix class names typo
- Box: fix class names
- Box: Add 2xl, 3xl, and 4xl paddings and gaps.
- Box: Add xl and xxl paddings. Rename align and justify props. Normalize padding and gap props to use string values. Improve Box docs.
- SideNav: omit VS props from being passed to SideNav ul to avoid react console warnings
- ChoiceInput: Separate onClick prop for ChoiceInput and pass it only to actual Input, so the handler runs only once
- TextArea: Add trimmed prop to trim value on blur
- Input: Add trimmed prop to trim value on blur
- Box: Remove wrap prop since it doesn't work well with gap
- Box: Add nested boxes example
- Text: Add error and error-small types
- Button: Make min-width fit-content so it plays well with flexbox
- Box component: Add more accepted values for alignItems and justifyContent props
- Box component: Add wrap prop
- Spread only rest props in CollapsiblePanel
- Refactor to use classNames in CollapsiblePanel
- Added a new Button Type - Raised Solid White
- Improved restProps support in all components
- Add experimental Tree and TriStateCheckbox components
- Update disabled button style
- Add experimental Box component as a layout primitive with standardized styling props
- Improved PropTypes on Text component
- Add experimental Text component to render text without relying on globals
- Split Form.js so that components can be imported independently
- Add padding option to panel and collapsible panel
- Changing padding between icon and text in collapsible panel
- Enhance Collapsible Panel to accept an icon
- SelectField passes options to Select and not to Field/Label
- Change SideNav height to fit-content instead of a fixed height
- Pass id prop to TextField, ChoiceInput and SelectField and it will be passed as
forprop to label to help with accessibility and testing-library getByLabel.
- updating react-select from 2 to 3. This fixes
componentWillReceiveProps has been renamedwarnings
- Fix BlankSlate errors
- Fix required sign padding
- SelectField passes react-select props only to react-select
- Additional Popover props are now being passed to the correct sub-component
- Use react-inlinesvg instead of react-svg
- Support required label in choice input and form field
- Update select styles
- Update
<pre>and<code>styles - Update Collapsible Panel header title styles
- Update modal styles
- Add CJ logo icon
- Added Popover component
- Also included a stateful HoverPopover that shows the popover on hover
- add solid-primary-raised and outline-secondary-raised button types
- update analytic cards to use css grid
- update style in basic card
- Revert change for Escape handler on Modal because it does not work with hooks
- Fix Escape listener cleanup on Modal
- Add onEscapeKeyUp function to Modal
- Add rowIndex to DataTable onClick event
- Add left-aligned version of blank slate, and new icon
- Update alert styling
- Additional BlankSlate functionality
- Add LoadingAnimation component
- DataTable supports integrated LoadingAnimation
- Add Empty State to List View Component
- Fix styling on DataTable cells not matching the corresponding header styles
- Allow SideNav to have more children under the fold
- Pagination with 0 entries now correctly displays total pages
- Better handle empty DataTables with a new configurable message
- Add ability to change hard-coded text in Pagination for customization and translations
- Add ability for DataTables to change hard-coded text in Pagination
- Updated react-svg to v10 to fix React 16.9 warnings about deprecated lifecycle methods
- Fix glitches that occur when the SlidingPanel component is remounted
- ExpandingInputButton: add expanding animation and adjust svg sizes, hover interactions
- Add Alert component
- Add ExpandingInputButton
- Add custom cell option to data table
- Add toolbar option in data table
- Add new Data table
-Add category label to the side nav
-Fix dropdown filter's incorrect state when remounting with the same id
-Add optional onClick prop to analytic cards
- The callback for the datepicker now gets the ids of the currently selected sidebar ranges
- Add Button type "inline-outline-secondary" for Buttons that are lined up in a row with selects.
- Add second argument to the DatePicker's
onApplycallback that receives the selected named ranges.
- Add initialActive prop to SideNavLinkGroup to specify that a SideNav section should be expanded on first render.
- Add AsyncSelect component that lets you get the list of autocomplete options from an asynchronous source.
- Add DatePicker component that lets you select one or two date ranges manually or from a list of predefined ranges.
- Fix issue where props in visual-stack-redux SlidingPanel are not passed through to visual-stack SlidingPanel.
- Add ButtonWithDropdown component that associates a button with an expansible dropdown area.
- SlidingPanel sections take a className prop.
- Remove footer from DialogLayout and move buttons to the top, changed colors and add support for wide content.
- Add AnalyticCard Component
- Adding className to SlidingPanel
- Add default height to textarea
- Add loading state to List View
- Remove fixed height in List View
- Fix exceeding maximum update depth when using connected renderFooter in List View
- Add Pagination component
- Make submit and cancel on DialogLayout optional
- Add styles for react-select multiselects
- Add List View component
- Make collapsible panel header non-selectable
- Dialog layout defaults to a smaller width
- New text-link button type
- Added Select and SelectField components
- React and ReactDOM upgraded to v16
- Enzyme React adapter upgraded to v16
- Jest upgraded to v24.3.0
- Ramda upgraded to v0.26
- Added CollapsiblePanel component
- Added TextArea component
- Style changes for form Fields
- Add z-index for DialogLayout components
- Add disableSubmit prop on DialogLayout
- Add fontWeight for FieldContent
- Add paddingSize for Panel
- Add media based width for FieldContent
- Add form field components
- Add dialog layout component
- broke the dependency on bootstrap node module
- update font weights
- add id prop to SlidingPanelDropdown
- UserMenu places LogoutLink in last position
- Updated layout metrics
- Modal accepts onBackgroundClick prop
- Updated Button UI
- Added homeLink prop to SideNav that defaults to /
- Added Card Component
- Fixed issue where if multiple pages have active sliding panels, they stay active on page load instead of toggling.
- Added an issue icon
- Update sliding panel css
- Updated sidenav styles.
- Updated topnav styles.
- Forced all Areas to use CJTeal.
- Fixed pixel width issue on right side of application.
- Updated Aapplication Layout so when Sliding panel is displayed it doesn't collapse the header.
- Upgraded material-ui so build no longer breaks.
- Fix css styling for sidenav toggle.
- Css fix for page content so that header now stacks on top of page content.
- Added package-lock.json
- Bug fix for form component which was incorrectly name-spacing bootstrap css.
- Added demo for form component in visual-stack docs site
- Reverted css changes that were made in the incorrect package.
- Namespaced css in visual-stack components.
- Version bump
- Fixed linting errors
- fix ToggleIcon redux wrapper
- add props to allow overrides of hard-coded labels
- CSS updates to SideNav and PageHeader
- Standard exports for TabLabelContent / TabContent
- Created and added TabLayout Component
- Takes any number of Tab child Components.
- Styling is minimal to allow flexibility.
- Label and Content of component can take any type of Component.
- TabLayout also allows for fixed position header.
- Fix issue with last elements in side nav being hidden in long lists
- Table improvements
- All components accept a className prop
- All components accept and forward unhandled props to the underlying React component
- Adds right, center, and nowrap shorthand props to Td and Th
- Removes the TdRight component in favor of
- Renames all CSS classes with a vs- prefix
- Expands the documentation to explain the changes
- Added UserMenuLink component for the UserMenu.
- Localized H1,Ul,Li css from base
- Updated Sliding Panel button styling
- Fixed sliding panel height when expanded dropdowns are more than the height of the page
- Updated Sliding Panel width
- Fixed checkbox sizes in MultiSelectFilter
- Updated Sliding Panel redux component so it can be rendered anywhere, and the Application Layout is only subscribed to its state.
- Upgraded to Webpack 3
- Updated Sliding Panel redux component to push application content to the side when expanded. Presentational Sliding Panel functionality is still the same.
- Fixed SideNav to handle use case were no UserMenu is passed in.
- Updated styling for Sliding Panel.
- Updated UserMenu to get UserIcon color from SideNav.
- Added simple Table component.
- Migrate from React.PropTypes to separate prop-types lib
- Added compare Icon
- Update styling for SlidingPanel not that TopNav is gone
- Update SideNav colors from grays to blackish-blues
- Update CJ Logo, removing trademark
- Application Layout no longer accepts TopNav and related components.
- TopNav component removed.
- UserMenu refactored to work within SideNav component.
- SideNav documentation added to doc site.
- Icon documentation added to doc site.
npm run watchcommand now starts with anpm run build.
- Fix horizontal overflow issue in Application Layout.
- Adjusted Sliding Panel top height.
- Adjusted Secondary Header top height.
- Allow SideNav component to set initial state via props.
- Fix SideNav text wrapping
- Re-export SideNav components through visual-stack-redux
- Material UI Icons
- SideNav label wrapping
- TopNav background color
- Upgraded React to 15.6.1
- Updated SideNav to now display logo instead of Top Nav.
- SideNav Component is now collapsable
- Application Layout now has Redux wrapper component
- Tooltips added in patch update
- See README.md for documentation on breaking changes
- Modal box-shadow, border-radius, padding and margins.
- Sliding Panel shifted down to accomidate new Top Nav.
- Header z-index bumped up to prevent AmCharts overlapping.
- Updated CJ Logo
- Fixed but so that right aligned Page Header content is not cut off.
- Made PageHeader component fixed.
- Added Sliding Panel Tooltip to Visual Stack Redux
- Fixed bug in zero state for MultiSelectFilter
- Made sliding panel icon remain highlighted when sliding panel is active.
- Added ability to set initial state for Sliding Panel Redux and Sliding Panel Dropdown Redux.
- Fixed allcheckbox null bug when no selectAllCheckbox is present
- Select All checkboxes in MultiSelectFilter is changed to now be optional
- Moved Sliding Panel down to show Page Header
- Added Tool Tip to Toggle Icon for Sliding Panel
- Fixed MultiSelectFilter's zero state
- Checkbox filter scrolling bug.
- Sliding Panel sizing bug.
- Changed Sliding Panel Dropdown chevron direction.
- Updated Sliding Panel Dropdown to take mandatory id to allow for label translations.
- Fixed css styles in SlidingPanelDropdown
- Updated MultiSelectFilter to return entire selected value
- Uping my git commit count
- Updated MultiSelectFilter to allow setting default checked state
- Added tests around it
- Fixed MultiSelectFilter to handle single select values
- Added Sliding Panel & Dropdown component
- Added MultiSelectFilter component
- New documentation package.
- New Application Layout component.
- Fix SideNav overflow CSS.
- Fix SideNav LinkGroup cursor CSS.
- Add test step to precommit hook.
- New Top Navigation Component.
- New Side Navigation Component.
- UMD build can now be used with require.js.
- Solid button text color is now white.
- Fixed appending og classNames in Button component.
- Added a UMD build to allow for usage of the library in a variety of environments.
- Fixed malformed CSS.
- Added Sidebar component.
- Added new style for Button component.
- Reinstated some
PageHeaderpadding that was removed in 0.7.1.
- Adjusted the
PageHeaderCSS to work with React 15, which no longer generatesspanwrappers for text interpolation and simply includes text nodes delimited by comment nodes.
- Removed
bootstrap-loaderin favor of just using the plainbootstrappackage. Including the relevant peer dependencies is no longer necessary. This fixes an issue where a.bootstraprcfile was required to disable Bootstrap JavaScript to avoid an implicit dependency on jQuery.
- Removed an overly specific global
font-size: smallrule that caused significant problems when attempting to create text styles.
-
The way
MenuBarcomponents are structured has been modified to remove the (previously undeclared) dependency onreact-router. Instead of providing a link URL viatoprops, a HTML anchor element must be provided as a child. For example, given the following style from previous versions:<MenuBarItem to="/">Home</MenuBarItem>
Starting in version 0.5.0, the link must be passed as a child component:
<MenuBarItem> <Link to="/">Home</Link> </MenuBarItem>
As a side-effect, this allows ordinary HTML anchor elements to be used in place of react-router
Linkcomponents.Also, the
MenuBarcomponent’s API has been altered to accept an optionalonTitleClickcallback prop instead of directly usingLinkwithin its implementation.
- Added support for modal components in
visual-stack/lib/components/Modal.
ActionButtonadditionalClassNamesprop has been changed toclassName. Change the prop accordingly.
Rowcan now accept props like id, onClick, and so on.
- Added a proper margin to the bottom of the
PageHeadercomponent that matches the original source component.
- Added various form components, including
Form,FormGroup,Input,Label, andLegend.
- Added
ActionButtoncomponent to be used byToolbarfor actions within a List Toolbar.
- The
ExpandedRowcomponent has been removed in favor of supporting anexpansionprop on theRowcomponent. All code should still work after replacing all instances ofExpandedRowwithRow.
- The
reactdependency is now properly listed as a peer dependency. This should not break any existing code, but it may cause version conflicts if using an old version of React.
- Click events’ default actions are now properly suppressed when clicking on dropdown menu items, preventing the fragment from being reset.
- Enhanced the
MenuBarcomponent to support right-aligned menu items and (stateless) dropdown menus. TheleftItemsprop can be used instead of using passing child elements for consistency with the newrightItemsprop, but this is optional.