Skip to content

Week 26, 2019 release
Compare
Choose a tag to compare
@affordances affordances released this 28 Jun 18:33
· 43 commits to master since this release
v0.0.10
ce979fe
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Week 26 Release

Added ReactTable with Monorail design.

src/Pages/CollectionPage/CollectionPage.tsx

  • Added CollectionPage which wraps Collection. It provides a PageHeader.

src/actions/Actions.tsx

  • Added ActionsContainer to be used for components that have the actions prop.

src/actionsButtons/ActionsButtons.tsx

  • Fixed how margin was set on the Buttons and the IconButton.

src/actionsMenu/ActionsMenu.tsx

  • Fixed bug where the Divider was present when there were no featured actions.

src/arrowButtons/ArrowButtons.tsx

  • Buttons are disabled on when previous is undefined or current slide is index 0.
  • Add z-index so ArrowButtons are above content, pointer-events: none; so they aren’t clickable.
  • count prop renamed to current.
  • Added props for slideIndicatorType size arrowColor cssArrowOverrides.

src/avatar/Avatar.tsx

  • Added isGroup type to Avatar.

src/buttons/Button.tsx

  • Added ‘passedAs’ prop to Buttons component to enable link buttons properly.
  • Fix pressed colors definition for Button’s Primary display.

src/buttons/IconButton.tsx

  • Fix IconButton pressed prop usage on active status.

src/carousel/Carousel.tsx

  • Add optional indicator dots to carousel.

src/collection/Collection.tsx

  • Added Collection component which wraps ReactTable with a view switcher for Table, Tile, or Card and adds table wide search.

src/dataTable/ReactTable.tsx

  • Added ReactTable custom components for the Monorail design.
  • Simply add the following lines to your top level js file: \
import { ReactTableDefaults } from 'react-table' \
import { MonorailReactTableOverrides } from '@monorail/src/dataTable/ReactTable' \
 \
Object.assign(ReactTableDefaults, MonorailReactTableOverrides) \
  • Added better types for ReactTable. Replaced a lot of any with unknown while we build it out. Improved support for passing the generic around.

src/header/Header.tsx

  • Add override styles ‘cssTitle’ for header.

src/helpers/baseStyles.ts

  • Update basePrimaryStyles property order based on actual usage.
  • Default text color to ThemeColors.BackgroundSecondary.

src/helpers/color.ts

  • Grey90 added.

src/helpers/hooks.ts

  • Added useRefCallback hook for when you want a react component to update when the ref returns an element.

src/helpers/theme.ts

  • Define ActivePrimary and ActiveSecondary to Theme controller for usage on Button pressed states.

src/helpers/FramedLink.tsx

  • Added FramedLink, which displays FramedIcon and HyperLink.

src/helpers/Hyperlink.ts

  • Fix css definition error.

src/icon/FramedIcon.tsx

  • Added support for showing when an item is archived.

src/icon/Icon.ts

  • Switch and TreasureChest icons added.

src/icon/custom/Filter.tsx

  • Updated Filter Icon.

src/icon/custom/Switch.tsx

  • Added Switch icon.

src/icon/custom/TreasureChest.tsx

  • Added TreasureChest icon.

src/inputs/CheckmarkSelectGroup.tsx

  • Export types.

src/inputs/SearchController.tsx

  • Export CompareSearchType.

src/inputs/TextField.tsx

  • Added autofocus prop.

src/layout/ScrollAnimation.tsx

  • Updated to be generic, no longer needing SingleCollection and a ref for the shadow on PageHeader.
  • Works on anything that needs to vertically scroll with no props.

src/layout/SingleCollection.tsx

  • Remove SingleCollection. Use ScrollAnimation directly.

src/modals/DeleteModal.tsx

  • Delete modal confirmation component

src/modals/LargeModal.tsx

  • Added headerRowChildren prop

src/modals/MediumModal.tsx

  • Added headerRowChildren prop
  • Added ‘customCloseButton’ prop

src/modals/ModalController.tsx

  • Added ModalController to make it easier to programmatically open and close modals.
  • Use when you need to open a modal when a user clicks on an item in ActionMenu.

src/pageHeader/PageHeader.tsx

  • Remove shadow from PageHeader.
  • Remove props that were used for SingleCollection.

src/pageHeader/PageLevelNavItem.tsx

  • Fixed tab background alignment.

src/popOver/PopOver.tsx

  • Added type definitions for dropDirections, dropXDirection and dropYDirection.
  • Define defaultPopOverPosition for reuse
  • Define getOverlayPosition helper to reuse same overlay positioning logic with other components

src/popOver/PopOverNext.tsx

  • Started work on the next version of PopOver. Started breaking it into separate composable components.

src/portal/PortalController.tsx

  • Added to control rendering of the Portal.

src/sharedHelpers/typeLevel.ts

  • Added ReactRenderable type as a nullable ReactElement

src/sidebar/SideBarComponents.tsx

  • Fix SideBar collapsing behavior
  • Added SideBarMenuHeader component
  • Update collapsing animations for all SideBarMenu components

src/tile/Tile.tsx

  • Add onClick handler event to Tile components
  • Added ‘isArchived’ prop to Tile
Assets 2
Loading