Merge pull request #15 from Simspace/gd/update-release-week-26

week 26

dist/Pages/CollectionPage/CollectionPage.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollectionPage = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Actions = require("../../actions/Actions");
+
+var _Collection = require("../../collection/Collection");
+
+var _PageHeader = require("../../pageHeader/PageHeader");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const CollectionPage = props => {
+  const {
+    actions,
+    cardRender,
+    collectionView,
+    columns,
+    data,
+    searchFilter,
+    setCollectionView,
+    tileRender,
+    title
+  } = props;
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_PageHeader.PageHeader, {
+    title: title,
+    actions: _react.default.createElement(_Actions.ActionsContainer, null, actions)
+  }), _react.default.createElement(_Collection.Collection, {
+    cardRender: cardRender,
+    collectionView: collectionView,
+    columns: columns,
+    data: data,
+    searchFilter: searchFilter,
+    setCollectionView: setCollectionView,
+    tileRender: tileRender
+  }));
+};
+
+exports.CollectionPage = CollectionPage;

dist/actions/Actions.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionsContainer = void 0;
+
+var _flex = require("../helpers/flex");
+
+var _styledComponents = _interopRequireDefault(require("../helpers/styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ActionsContainer =
+/*#__PURE__*/
+_styledComponents.default.div.withConfig({
+  displayName: "Actions__ActionsContainer",
+  componentId: "nt0cbk-0"
+})(["", ";margin:auto 0 auto auto;"], (0, _flex.flexFlow)('row'));
+
+exports.ActionsContainer = ActionsContainer;

dist/actionsButtons/ActionsButtons.js

@@ -39,25 +39,27 @@ const ActionsButtons = ({
   iconOnly,
   size,
   standardActions
-}) => _react.default.createElement(_react.default.Fragment, null, featuredActions && featuredActions.map(action => iconOnly ? _react.default.createElement(_IconButton.IconButton, {
+}) => _react.default.createElement(_react.default.Fragment, null, featuredActions && featuredActions.map(action => iconOnly ? _react.default.createElement(_StyledIconButton, {
   key: `${action.label}-${action.iconName}`,
   icon: action.iconName,
   title: action.label,
   size: size,
   display: display,
   onClick: () => action.onClick(() => {})
-}) : _react.default.createElement(_Button.Button, {
+}) : _react.default.createElement(_StyledButton, {
   key: `${action.label}-${action.iconName}`,
   size: size,
   display: display,
   iconLeft: action.iconName // hacky because of the onClick type of ActionMenu's menu items
   ,
   onClick: () => action.onClick(() => {})
-}, action.label)), standardActions && _react.default.createElement(_StyledActionsMenu, {
+}, action.label)), standardActions && _react.default.createElement(_ActionsMenu.ActionsMenu, {
   document: document,
   menuItems: combineActions(standardActions, featuredActions)
 }));
 
 exports.ActionsButtons = ActionsButtons;
 
-var _StyledActionsMenu = (0, _styledComponents.default)(_ActionsMenu.ActionsMenu)`margin-left:8px;`;
+var _StyledIconButton = (0, _styledComponents.default)(_IconButton.IconButton)`margin-right:8px;`;
+
+var _StyledButton = (0, _styledComponents.default)(_Button.Button)`margin-right:8px;`;

dist/actionsMenu/ActionsMenu.js

@@ -53,7 +53,7 @@ const ActionsMenu = ({
       leftIcon: menuItem.iconName,
       primaryText: menuItem.label,
       onClick: e => menuItem.onClick(() => onClick(e))
-    }, menuItem.children)), _react.default.createElement(_StyledDivider, null), standardItems.map((menuItem, idx) => _react.default.createElement(_List.SimpleListItem, {
+    }, menuItem.children)), featuredItems.length > 0 && standardItems.length > 0 && _react.default.createElement(_StyledDivider, null), standardItems.map((menuItem, idx) => _react.default.createElement(_List.SimpleListItem, {
       key: idx + menuItem.label,
       size: _size.Sizes.DP32,
       leftIcon: menuItem.iconName,

dist/arrowButtons/ArrowButtons.d.ts

@@ -1,10 +1,17 @@
 import { MouseEvent } from 'react';
+import { SimpleInterpolation } from 'styled-components';
+import { ButtonSize } from '@monorail/buttons/buttonTypes';
+import { Colors } from '@monorail/helpers/exports';
 import { CommonComponentType } from '@monorail/types';
 declare type Props = CommonComponentType & {
-    count?: number;
+    current: number;
     next?: (event: MouseEvent<Element>) => void;
     previous?: (event: MouseEvent<Element>) => void;
-    total?: number;
+    total: number;
+    slideIndicatorType?: string;
+    size?: ButtonSize;
+    arrowColor?: Colors;
+    cssArrowOverrides?: SimpleInterpolation;
 };
 export declare const ArrowButtons: (props: Props) => JSX.Element;
 export {};

dist/arrowButtons/ArrowButtons.js

@@ -7,25 +7,30 @@ exports.ArrowButtons = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _buttonTypes = require("../buttons/buttonTypes");
 
 var _IconButton = require("../buttons/IconButton");
 
 var _exports = require("../helpers/exports");
 
+var _typeGuards = require("../sharedHelpers/typeGuards");
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /*
  * Styles
  */
+//  TODO: remove this container and position on the arrow buttons themselves
 const ArrowButtonsContainer =
 /*#__PURE__*/
 _styledComponents.default.div.withConfig({
   displayName: "ArrowButtons__ArrowButtonsContainer",
   componentId: "sc-1yyr0cr-0"
-})(["", ";align-items:center;align-self:flex-end;"], (0, _exports.flexFlow)('row'));
+})(["", ";height:100%;z-index:5;pointer-events:none;"], (0, _exports.flexFlow)('row'));
 
 const RatioContainer =
 /*#__PURE__*/
@@ -43,22 +48,30 @@ _styledComponents.default.p.withConfig({
  */
 const ArrowButtons = props => {
   const {
-    count,
+    current,
     next,
     previous,
     total,
+    slideIndicatorType,
+    cssArrowOverrides,
+    arrowColor = _exports.Colors.Black,
+    size,
     ...otherProps
   } = props;
   return _react.default.createElement(ArrowButtonsContainer, otherProps, _react.default.createElement(_IconButton.IconButton, {
     icon: "chevron_left",
-    disabled: previous === undefined,
+    disabled: (0, _typeGuards.isUndefined)(previous) || current === 0,
     onClick: previous,
-    display: _buttonTypes.ButtonDisplay.Chromeless
-  }), _react.default.createElement(RatioContainer, null, `${count} / ${total}`), _react.default.createElement(_IconButton.IconButton, {
+    display: _buttonTypes.ButtonDisplay.Chromeless,
+    size: size,
+    cssOverrides: slideIndicatorType === 'dot' ? (0, _styledComponents.css)(["margin:auto auto auto 16px;pointer-events:all;", ";"], cssArrowOverrides) : (0, _styledComponents.css)(["margin:auto auto auto 0;pointer-events:all;", ";"], cssArrowOverrides)
+  }), slideIndicatorType !== 'dot' && _react.default.createElement(RatioContainer, null, `${current + 1} / ${total + 1}`), _react.default.createElement(_IconButton.IconButton, {
     icon: "chevron_right",
-    disabled: next === undefined,
+    disabled: (0, _typeGuards.isUndefined)(next) || current === total,
     onClick: next,
-    display: _buttonTypes.ButtonDisplay.Chromeless
+    display: _buttonTypes.ButtonDisplay.Chromeless,
+    size: size,
+    cssOverrides: slideIndicatorType === 'dot' ? (0, _styledComponents.css)(["margin:auto 16px auto auto;pointer-events:all;", ";"], cssArrowOverrides) : (0, _styledComponents.css)(["margin:auto 0 auto auto;pointer-events:all;", ";"], cssArrowOverrides)
   }));
 };
 

dist/avatar/Avatar.js

@@ -5,20 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getAvatarInitials = exports.Avatar = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
+var _react = _interopRequireDefault(require("react"));
+
 var _exports = require("../helpers/exports");
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+var _Icon = require("../icon/Icon");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const defaultSize = 24;
 const fontScale = 9.89 / defaultSize;
+const iconScale = 10 / 16;
 
 const CCAvatar =
 /*#__PURE__*/
@@ -29,20 +32,25 @@ _styledComponents.default.div.withConfig({
   team,
   cssOverrides,
   size = defaultSize
-}) => (0, _styledComponents.css)(["", ";color:", ";flex-shrink:0;font-size:", "px;font-weight:900;height:", "px;line-height:", "px;text-align:center;text-transform:uppercase;user-select:none;width:", "px;", ";"], team ? (0, _styledComponents.css)(["", ";background:", ";"], (0, _exports.borderRadius)(), (0, _exports.getColor)(_exports.Colors.BrandDarkBlue)) : (0, _styledComponents.css)(["background:", ";border-radius:", "px;"], (0, _exports.getColor)(_exports.Colors.BrandLightBlue), size / 2), (0, _exports.getColor)(_exports.Colors.White), size * fontScale, size, size, size, cssOverrides));
+}) => (0, _styledComponents.css)(["", ";align-items:center;color:", ";display:flex;flex-shrink:0;font-size:", "px;font-weight:900;height:", "px;justify-content:center;line-height:", "px;text-align:center;text-transform:uppercase;user-select:none;width:", "px;", ";"], team ? (0, _styledComponents.css)(["", ";background:", ";"], (0, _exports.borderRadius)(), (0, _exports.getColor)(_exports.Colors.BrandDarkBlue)) : (0, _styledComponents.css)(["background:", ";border-radius:", "px;"], (0, _exports.getColor)(_exports.Colors.BrandLightBlue), size / 2), (0, _exports.getColor)(_exports.Colors.White), size * fontScale, size, size, size, cssOverrides));
 
 const Avatar = ({
   cssOverrides,
   first,
   last,
   team,
   size,
+  isGroup = false,
   ...domProps
 }) => _react.default.createElement(CCAvatar, _extends({
   cssOverrides: cssOverrides,
   team: team,
   size: size
-}, domProps), first.charAt(0), last.charAt(0));
+}, domProps), isGroup ? _react.default.createElement(_StyledIcon, {
+  icon: "org_group",
+  size: size ? iconScale * size : iconScale * defaultSize,
+  _css: (0, _exports.getColor)(_exports.Colors.White)
+}) : _react.default.createElement(_react.default.Fragment, null, first.charAt(0), last.charAt(0)));
 
 exports.Avatar = Avatar;
 
@@ -54,4 +62,6 @@ const getAvatarInitials = fullName => {
   };
 };
 
-exports.getAvatarInitials = getAvatarInitials;
+exports.getAvatarInitials = getAvatarInitials;
+
+var _StyledIcon = (0, _styledComponents.default)(_Icon.Icon)`color:${p => p._css};`;