Monorail Release v0.0.27 - 'Dugout Cafe'

Monorail Release v0.0.27 - 'Dugout Cafe'

Monorail Release v0.0.26 - 'Coogans'

Monorail Release v0.0.22 - 'Bleacher Bar'

Catchup: Feb 28 - Aug 19

Monorail Release v0.0.21 - 'Amrheins'

Monorail Release v0.0.21 - Amrheins

src/pageComponents/errorPage/ErrorPage.tsx

• Add color CSS to manually override colors being inherited from Bootstrap

src/visualComponents/inputs/TextArea.tsx

• Add onKeyDown prop to recognize keystroke actions in the TextArea. E.g. key === enter to submit()

Monorail Release v0.0.20 - 'ZZ Top'

Monorail Release v0.0.20 - ZZ Top

package.json

• Add jest-canvas-mock
• Update dependencies

src/helpers/color.ts

• Add:
  • SidebarBg
  • SidebarActive
  • SidebarDivider

src/sharedHelpers/fp-ts-ext/Foldable.ts

• Add and(): and returns the conjunction of all the boolean values in a data structure test whether all of the values in a data structure are true
• Add or(): returns the disjunction of a data structure containing one or more booleans. This function will test whether any of the values in a data structure is true.
• Add any(): Tests whether any element of a data structure satisfies a predicate.

src/visualComponents/alerts/AlertModal.tsx

• Add padding prop which adjusts padding on BBModalContent.
• Now titleText and subtitleText only render if they are passed in.

src/visualComponents/buttons/Button.tsx

• Add props:
  • iconSize?
  • isLoading?
• Add logic for Loading Button

src/visualComponents/collection/Collection.tsx

• Add showPagination={passedData.length > PAGE_SIZE}

src/visualComponents/collection/CollectionPaginationComponent.tsx

• Added component to control pagination for collection components

src/visualComponents/dataTable/ReactTable.tsx

• Update default column rendering to get margin from ThemeProvider
• Fix NoDataComponentHorizontal alignment
• Add EllipsisValueComponent component
• Add support of data grouping and pivoting todefaultFilterMethod
• Add defaultExpanded prop to useTableExpandState
• Update FilterComponent margins

src/visualComponents/inputs/Choice.tsx

• Remove redundant flex attributes.

src/visualComponents/inputs/Search.tsx

• Change html type from text → search
• Add CSS to Override search styling coming from bootstrap.scss

src/visualComponents/layout/LayoutOutline.tsx

• Rename prop name → content

src/visualComponents/layout/ScrollAnimation.tsx

• Replace flexFlow() with flex: 1 to solve weird input lag.

src/visualComponents/list/List.tsx

• Add props:
  • children?
  • ref?
• Change from FC to ForwardRefExoticComponent

src/visualComponents/tile/Tile.tsx

• Add logic for styling TileStatus = Neutral

src/visualComponents/tile/TileStatus.ts

• Add Neutral to TileStatus enum

src/visualComponents/typography/Text.tsx

• Add optional title prop, used for a native browser tooltip

Monorail Release v0.0.19 - 'Yanni'

Monorail Release v0.0.19 - 'Yanni'

package.json

• Add dependencies:
  • "@types/react-virtualized-auto-sizer": "1.0.0",
  • "@types/react-window": "1.8.1",
  • "react-virtualized-auto-sizer": "1.0.2",
  • "react-window": "1.8.5"
• Add devDependencies:
  • "@babel/core": "7.7.5",
  • "@babel/plugin-proposal-class-properties": "7.7.4",
  • "@babel/plugin-proposal-decorators": "7.7.4",
  • "@babel/plugin-proposal-nullish-coalescing-operator": "^7.7.4",
  • "@babel/plugin-proposal-numeric-separator": "7.7.4",
  • "@babel/plugin-proposal-object-rest-spread": "7.7.4",
  • "@babel/plugin-proposal-optional-chaining": "^7.7.5",
  • "@babel/plugin-transform-react-constant-elements": "7.7.4",
  • "@babel/plugin-transform-react-inline-elements": "7.7.4",
  • "@babel/preset-env": "7.7.6",
  • "@babel/preset-react": "7.7.4",
  • "@babel/preset-typescript": "7.7.4",
  • "@babel/register": "7.7.4",
  • "@reach/portal": "0.6.1",
  • "@types/react-datepicker": "^2.9.5",
  • "react-datepicker": "2.10.1",
  • Update "typescript": "3.7.3",

src/helpers/appName.ts

• Add MyOrg

src/helpers/color.ts

• Add MyOrg & RangeAlt
• Add colors for “Scores”

src/helpers/elevation.ts

• Add Section elevation

src/helpers/theme.ts

• Add pageHeader, breadcrumbs and margin 24 to Theme properties

src/helpers/zIndex.ts

• Add Modal z-index helper

src/metaComponents/popOver/PopOver.tsx

• Updated to work with ReachUI Portal

src/metaComponents/portal/Portal.tsx

• Deleted file, replace with ReachUI portal

src/metaComponents/portal/PortalController.tsx

• Updated to work with ReachUI Portal

src/pageComponents/TablePage/TablePage.tsx

• Add Search props and component

src/sharedHelpers/fp-ts-ext/Array.ts

• Add isNotEmpty - Checks if an array is not empty

src/sharedHelpers/fp-ts-ext/Either.ts

• Add getOrd function

src/sharedHelpers/fp-ts-ext/Record.ts

• Add isNotEmpty - Check if a record is not empty

src/sharedHelpers/react.ts

• Deleted

src/sharedHelpers/strings.ts

• Add capitalizeFirstLetter()

src/sharedHelpers/typeGuards.ts

• Add endReducer - Ensures all actions in reducer are handled in switch statement
• Add isNotUndefined
• Add isNotString

src/visualComponents/actionsButtons/ActionsButtons.tsx

• Actions list definition changed to a more strict type definition based on ActionButton enum
• Add helpers for type and actionProps definition for each ActionButton type

src/visualComponents/actionsMenu/ActionsMenu.tsx

• Convert to FC
• Add ‘chromeless’ prop to MenuAction

src/visualComponents/alerts/AlertModal.tsx

• Add disabled prop
• Add className prop
• Add zIndex prop

src/visualComponents/alerts/DeleteModal.tsx

• Add component to Monorail

src/visualComponents/avatar/Avatar.tsx

• Add fromNullable safety check

src/visualComponents/buttons/Button.tsx

• Convert to FC

src/visualComponents/buttons/DropdownButton.tsx

• New component that has a primary action by default and a list of optional actions displayed as a dropdown menu

src/visualComponents/buttons/IconButton.tsx

• Convert to FC

src/visualComponents/buttons/LoadingButton.tsx

• Remove buttonDefaultProps

src/visualComponents/buttonsBar/ButtonsBar.tsx

• Convert to FC

src/visualComponents/dataStates/DataStates.tsx

• Add vertical and icon props to CustomNoData

src/visualComponents/dataTable/ReactTable.tsx

• Make style prop for TbodyComponent optional

src/visualComponents/dropdown/Dropdown.tsx

• Remove ‘document’ prop

src/visualComponents/dropdown/skin.tsx

• Render Dropdown portal only on open

src/visualComponents/icon/Icon.tsx

• src/visualComponents/icon/custom/AddGroup.tsx
• src/visualComponents/icon/custom/AddList.tsx
• src/visualComponents/icon/custom/GhostVm.tsx
• src/visualComponents/icon/custom/Home.tsx
• src/visualComponents/icon/custom/InformationTaskAddGrey.tsx
• src/visualComponents/icon/custom/MyOrg.tsx
• src/visualComponents/icon/custom/MyTeam.tsx
• src/visualComponents/icon/custom/PeopleGear.tsx
• src/visualComponents/icon/custom/PersonGear.tsx
• src/visualComponents/icon/custom/Profile.tsx
• src/visualComponents/icon/custom/QuestionTaskAddGrey.tsx
• src/visualComponents/icon/custom/SiteMap.tsx
• src/visualComponents/icon/custom/Tie.tsx

src/visualComponents/inputs/CheckboxSelect.tsx

• Convert to FC
• Make select toggleable

src/visualComponents/inputs/Choice.tsx

• Remove display prop

src/visualComponents/inputs/NumberInputGroup.tsx

• Convert to FC

src/visualComponents/inputs/RadioGroup.tsx

• Convert onChange to onClick
• Add name prop to ensure correct grouping

src/visualComponents/inputs/Search.tsx

• Convert to FC
• Add placeholder prop

src/visualComponents/inputs/Select.tsx

• Convert to FC

src/visualComponents/inputs/StdErr.tsx

• Add fontSize prop

src/visualComponents/inputs/TextField.tsx

• Deprecate date, datetime, and datetime-local in favor of FormField.Date
• Pass ref to StyledInput

src/visualComponents/inputs/ViewInput.tsx

• Add orientation prop
• Add disabled prop
• Add placeholder prop
• Add Orientation enum

src/visualComponents/layout/layout.ts => src/visualComponents/layout/Layout.tsx

• Add Section layout component

src/visualComponents/layout/LayoutOutline.tsx

• New component that provides the outline for a list of items at the left and a detail view when one of those items is selected at the right
• Add hook useControlledList to help handling the selected state of list items
• Add OutlineListItem as a base component for list items

src/visualComponents/layout/ScrollAnimation.tsx

• Add forwardRef to ScrollAnimation container to enable external interaction

src/visualComponents/list/List.tsx

• Convert SimpleListItem to FC

src/visualComponents/loading/Loading.tsx

• Refactor to accept a LoaderType passed to it to specify which animation data to use

src/visualComponents/menu/Menu.tsx

• Convert to a FC

src/visualComponents/modals/DeleteModal.tsx

• Deleted

src/visualComponents/modals/FullScreenModal.tsx

• Convert to a FC

src/visualComponents/modals/LargeModal.tsx

• Convert to a FC

src/visualComponents/modals/MediumModal.tsx

• Convert to a FC

src/visualComponents/modals/MiniModal.tsx

• Convert to a FC

src/visualComponents/modals/SmallModal.tsx

• Convert to a FC

src/visualComponents/pageHeader/PageHeader.tsx

• Convert to FC
• Use showBreadCrumbs prop from Theme props to determine visibility of breadcrumbs elements on header navigation

src/visualComponents/sidebar/SideBarComponents.tsx

• Convert to FC
• Check isSideBarCollapsed

src/visualComponents/successPage/Confetti.tsx

• Created Animated SVG of confetti

src/visualComponents/successPage/SuccessPage.tsx

• Added SuccessPage component to display a message and confetti

src/visualComponents/tags/Tag.tsx

• Add ellipsis
• Convert to a FC

src/visualComponents/tile/Tile.tsx

• Created Tile component

src/visualComponents/tile/TileStatus.ts

• Add enums for TileStatus

src/visualComponents/toast/Toast.tsx

• Convert to a FC

src/visualComponents/toggle/Overlay.tsx

• Set zIndex to zIndexValue(ZIndexNodeName.Overlay)

src/visualComponents/typography/Details.tsx

• Convert to a FC

src/visualComponents/typography/Mapping.tsx

• Convert to a FC

src/visualComponents/typography/SectionHeader.tsx

• Convert to a FC

src/visualComponents/typography/Text.tsx

• Convert to a FC
• Add children prop

Monorail Release v0.0.18 - 'X Ambassadors'

Monorail Release v0.0.18 - 'X Ambassadors'

package.json

• Update: ”@types/styled-components": "4.4.0"
• Update: "styled-components": "4.4.1"
• Update: "typescript": "3.7.2"

src/pageComponents/ContentPage/ContentBody.tsx

• Add scrollCSS

Dropdown

• Added clearable? prop that defaults to true, which displays a clear IconButton within the dropdown component when an item is selected
• Added display? prop that defaults to DisplayType.Edit, which displays either regular Dropdown or read-only text of the selected value

src/visualComponents/inputs/CheckboxSelect.tsx

• Updated import to reflect changes to Choice

src/visualComponents/inputs/Choice.tsx

• Removed BB and CC prefixes from styled components
• Converted component from FCwDP to FC

src/visualComponents/inputs/Label.tsx

• Added display prop so Label can conditionally display asterisk

src/visualComponents/inputs/RadioGroup.tsx

• Converted SFC to FC
• Added display? prop that defaults to DisplayType.Edit, which displays either regular RadioGroup or read-only text of the selected value

src/visualComponents/inputs/TextArea.tsx

• Added display? prop that defaults to DisplayType.Edit, which displays either regular TextArea or read-only text
• Converted class to FC

src/visualComponents/inputs/TextField.tsx

• Added display? prop that defaults to DisplayType.Edit, which displays either regular TextField or read-only text

src/visualComponents/inputs/ViewInput.tsx

• Added component that displays read-only text or None

src/visualComponents/inputs/inputTypes.ts

• Moved DisplayType declaration to Monorail

src/visualComponents/loading/Loading.tsx

• Rename: loading.json → loadingData.json

src/visualComponents/loading/LoadingGeneric.tsx

• Rename: loadingGeneric.json → loadingGenericData.json

src/visualComponents/modals/Modals.tsx

• Add ‘modal-’ className to allow global style customization to modal positioning

Monorail Release v0.0.17 - 'The Who'

Monorail Release v0.0.17 - 'The Who'

package.json

• Add react-lottie and @types/react-lottie as devDependencies

src/helpers/categoryTransforms.ts

• Config Modules and External Subnet categories added

src/visualComponents/dataStates/DataStates.tsx

• NoModules data state added

src/visualComponents/icon/Icon.tsx

• Add EmptySyllabusList to list of custom icons

Update Icons to resolve bug

• src/visualComponents/icon/custom/Events.tsx
• src/visualComponents/icon/custom/ReportsAnalytics.tsx
• src/visualComponents/icon/custom/TechOps.tsx

Add Loading components

• src/visualComponents/loading/Loading.tsx
• src/visualComponents/loading/LoadingGeneric.tsx
• src/visualComponents/loading/loading.json
• src/visualComponents/loading/loadingGeneric.json

src/visualComponents/menu/Menu.tsx

• Export MenuContainer

src/visualComponents/pageHeader/PageHeader.tsx

• Add justify-content: space-between; to TitleContainer

tsconfig.json

• Add resolveJsonModule so lottie can create loading animation from json

Week 44 Release - 'Van Halen'

Week 44 Release - 'Van Halen'

package.json

• Update:
  • "react": "16.11.0"
  • "react-dom": "16.11.0"

src/helpers/categoryTransforms.ts

• Add external-subnet

src/sharedHelpers/strings.ts

• Add includesNoncase function, a version of includes() that ignores case

src/visualComponents/dropdown/Dropdown.tsx

• Dropdown component refactored to use Hooks.
• Handles Downshift instance and delegate the look and feel to components hooks.

src/visualComponents/dropdown/DropdownItem.tsx

• Default Dropdown component for every item in the list

src/visualComponents/dropdown/behavior.ts

• useAsSelect hook allows Dropdown component to work as a regular select element
• useAsFilter hook allows Dropdown component to work as a filter dropdown
• Behavior hooks handle the state logic for Dropdown component

src/visualComponents/dropdown/helpers.ts

• DropdownItemType created as the default type for Dropdown component
• Helper functions for dropdown type guards and keyboard interaction

src/visualComponents/dropdown/interaction.ts

• Interaction hooks handle mouse and keyboard events for Dropdown component

src/visualComponents/dropdown/parsers.ts

• Parsers enable Dropdown to handle any type of data object for the items. By default Dropdown component handles types:
  • string
  • number
  • DropdownItemType (label, value, disabled)
• Use useCustomParser to define a parser for given item data object. Define callback functions:
  • value: Value data for the item. Used to match the controlled value for the Dropdown
  • label: Text to display for the item
  • isActive: Item status
  • Includes: Compare and match a string (from filtering) to the item
  • Compare: Compare two items

src/visualComponents/dropdown/render.tsx

• Render hook defines the look and feel of the Dropdown elements.
  • Handler: Dropdown control. Uses TextField by default
  • List: Define the markup to display the collapsible list of items
  • Item: Define how each item is displayed in the list. Handle selected and disabled states.

src/visualComponents/dropdown/skin.tsx

• Skin defines the markup for the Dropdown component using Render hook for the Handler, List and Item elements.
• Control the logic and component events by using Behavior, Interaction, and Parsers hooks.
• Handle error logic and styling

src/visualComponents/icon/Icon.tsx

Icons Added:

• src/visualComponents/icon/custom/Information.tsx
• src/visualComponents/icon/custom/InformationTaskAddBlue.tsx
• src/visualComponents/icon/custom/InformationTaskAddBlue.tsx
• src/visualComponents/icon/custom/InformationTaskAddGrey.tsx
• src/visualComponents/icon/custom/QuestionMark.tsx
• src/visualComponents/icon/custom/QuestionTaskAddBlue.tsx
• src/visualComponents/icon/custom/QuestionTaskAddGrey.tsx

src/visualComponents/inputs/DebouncedSearch.tsx

• Make name and placeholder props optional

src/visualComponents/inputs/RadioGroup.tsx

• Remove hasRequiredAsterisk, add htmlValidation

src/visualComponents/inputs/TextArea.tsx

• Remove :-moz-ui-invalid styles so that invalid form states look similar across browsers https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid
• Remove hasRequiredAsterisk, add htmlValidation

src/visualComponents/inputs/TextField.tsx

• Remove :-moz-ui-invalid styles so that invalid form states look similar across browsers https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-ui-invalid
• Remove hasRequiredAsterisk, add htmlValidation
• Fix Icons warning console messages limiting component props

Week 41 Release - “U2”

Week 41 Release - “U2”

src/helpers/size.ts

• Add width: 444 size for SmallModal

src/pageComponents/CollectionPage/CollectionPage.tsx

• Add pivotBy prop

src/pageComponents/TablePage/TablePage.tsx

• Allow customizing TablePage component with ReactTable props

src/sharedHelpers/fp-ts-ext/Record.ts

• Add values which retrieves the value of a given property key from an object (curried)

src/sharedHelpers/fp-ts-ext/__tests__/Array.jest.ts

• Fix array tests so that it sorts.

src/sharedHelpers/typeGuards.ts

• Add more typeGuards.
• Added TypeGuard type

src/visualComponents/actionsMenu/ActionsMenu.tsx

• Add disabled optional prop to menu items

src/visualComponents/appIcon/AppIcon.tsx

• Remove icon fill.

src/visualComponents/buttons/Button.tsx

• Add status callback to render on top of the button

src/visualComponents/buttons/IconButton.tsx

• Add status prop.
• Export StyledIconButton so that you can style just the IconButton and not the Button.

src/visualComponents/buttonsBar/ButtonsBar.tsx

• Update ButtonsBar styling to adjust to parent dimensions if needed

src/visualComponents/collection/Collection.tsx

• Add pivoteBy prop so that you can do a grouped table.

src/visualComponents/dataTable/ReactTable.tsx

• Fix IconButton styling.
• Update useSort hook to get a default initial state
• Add useTableExpandStateFixedGroups hook

src/visualComponents/dropdown/Dropdown.tsx

• Add hideStdErr prop to TextField to remove gap when searching.

src/visualComponents/icon/Icon.tsx

• Add custom icons:
• src/visualComponents/icon/custom/Bam.tsx
• src/visualComponents/icon/custom/Database.tsx
• src/visualComponents/icon/custom/Upload.tsx

src/visualComponents/icon/custom/Grade.tsx

• Fix grade icon

src/visualComponents/inputs/Choice.tsx

• Add onClick callback

src/visualComponents/inputs/TextArea.tsx

• Remove err prop from conditional display of StErr.

src/visualComponents/layout/ScrollAnimation.tsx

• Improve performance of scrolling area by adding transform: translateZ(0) so that the stack is rendered by the gpu.

src/visualComponents/modals/DeleteModal.tsx

• Fix grammatical error

src/visualComponents/modals/Modals.tsx

• Add SmallModal

src/visualComponents/modals/SmallModal.tsx

• Add SmallModal

src/visualComponents/modals/modalTypes.ts

• Add size for SmallModal

src/visualComponents/pageHeader/PageHeader.tsx

• Add overflow-x to enable horizontal scrolling when many buttons are present.
• Header has correct height when no page name present.