@times-components/slice-layout 0.49.4 → 0.50.0

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.50.0](https://github.com/newsuk/times-components/compare/@times-components/slice-layout@0.49.6...@times-components/slice-layout@0.50.0) (2022-08-18)
+
+
+### Features
+
+* **TDP-1712:** remove react-native foreverrrrr ([#3064](https://github.com/newsuk/times-components/issues/3064)) ([2a20cb5](https://github.com/newsuk/times-components/commit/2a20cb5abc10a4e7ca2d62487967f8fcf4eccb62)), closes [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3050](https://github.com/newsuk/times-components/issues/3050) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3057](https://github.com/newsuk/times-components/issues/3057) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3065](https://github.com/newsuk/times-components/issues/3065) [#3037](https://github.com/newsuk/times-components/issues/3037) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3045](https://github.com/newsuk/times-components/issues/3045) [#3056](https://github.com/newsuk/times-components/issues/3056) [#3066](https://github.com/newsuk/times-components/issues/3066) [#3069](https://github.com/newsuk/times-components/issues/3069) [#3068](https://github.com/newsuk/times-components/issues/3068) [#3070](https://github.com/newsuk/times-components/issues/3070) [#3072](https://github.com/newsuk/times-components/issues/3072) [#3073](https://github.com/newsuk/times-components/issues/3073) [#3071](https://github.com/newsuk/times-components/issues/3071) [#3074](https://github.com/newsuk/times-components/issues/3074) [#3076](https://github.com/newsuk/times-components/issues/3076) [#3079](https://github.com/newsuk/times-components/issues/3079) [#3078](https://github.com/newsuk/times-components/issues/3078) [#3083](https://github.com/newsuk/times-components/issues/3083) [#3087](https://github.com/newsuk/times-components/issues/3087) [#3091](https://github.com/newsuk/times-components/issues/3091) [#3096](https://github.com/newsuk/times-components/issues/3096) [#3102](https://github.com/newsuk/times-components/issues/3102) [#3105](https://github.com/newsuk/times-components/issues/3105) [#3108](https://github.com/newsuk/times-components/issues/3108) [#3111](https://github.com/newsuk/times-components/issues/3111) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3113](https://github.com/newsuk/times-components/issues/3113) [#3114](https://github.com/newsuk/times-components/issues/3114) [#3120](https://github.com/newsuk/times-components/issues/3120) [#3119](https://github.com/newsuk/times-components/issues/3119) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3112](https://github.com/newsuk/times-components/issues/3112) [#3126](https://github.com/newsuk/times-components/issues/3126) [#3127](https://github.com/newsuk/times-components/issues/3127) [#3116](https://github.com/newsuk/times-components/issues/3116) [#3128](https://github.com/newsuk/times-components/issues/3128) [#3132](https://github.com/newsuk/times-components/issues/3132) [#3133](https://github.com/newsuk/times-components/issues/3133)
+
+
+
+
+
+## [0.49.6](https://github.com/newsuk/times-components/compare/@times-components/slice-layout@0.49.5...@times-components/slice-layout@0.49.6) (2022-08-05)
+
+**Note:** Version bump only for package @times-components/slice-layout
+
+
+
+
+
+## [0.49.5](https://github.com/newsuk/times-components/compare/@times-components/slice-layout@0.49.4...@times-components/slice-layout@0.49.5) (2022-07-19)
+
+**Note:** Version bump only for package @times-components/slice-layout
+
+
+
+
+
 ## [0.49.4](https://github.com/newsuk/times-components/compare/@times-components/slice-layout@0.49.3...@times-components/slice-layout@0.49.4) (2022-07-18)
 
 **Note:** Version bump only for package @times-components/slice-layout

package/CONTRIBUTING.md

@@ -9,8 +9,7 @@ ideas, conventions and information on submitting a PR
 Slice layout templates sit within their own named directory within the `/templates`
 directory. The Components take functions as `props` (render props) that pass
 configuration objects to consumers of Slice layout. The configuration objects are
-generated from `config.js` and `config.web.js` for native and web respectively.
-The objects manage JS properties for native and both JS properties _and_
+generated is from `config.js`. The objects manage JS properties _and_
 responsive CSS class names for web, that provide a suggested layout and format
 for the children that will be laid out in each template.
 
@@ -48,11 +47,9 @@ An example template looks like this:
 .
 └── standard
     ├── config.js
-    ├── config.web.js
     ├── index.js
-    ├── index.web.js
     ├── proptypes.js
-    └── responsive.web.js
+    └── responsive.js
 ```
 
 ### Image placeholder rules

package/README.md

@@ -4,7 +4,7 @@ Slice layouts are re-usable templates. A slice layout lays itself out according
 set of self-defined rules. The slice layout also provides a suggested default
 configuration that can be applied to the given components that are to be laid
 out within the template - this configuration is provided in the form of CSS
-class names and JS objects for web, and a JS API for native. The consumer of
+class names and JS objects. The consumer of
 slice layout can opt-in or out of utilising these suggested default configurations
 
 ## Contributing
@@ -27,8 +27,7 @@ yarn lint
 
 ## Testing
 
-This package uses [yarn](https://yarnpkg.com) (latest) to run unit tests on each
-platform with [jest](https://facebook.github.io/jest/).
+This package uses [yarn](https://yarnpkg.com) (latest) to run unit tests with [jest](https://facebook.github.io/jest/).
 
 ```
 yarn test:web

package/babel.config.js

@@ -1,10 +1,11 @@
 module.exports = api => {
   api.cache(true);
   return {
-    plugins: [
-      "babel-plugin-styled-components",
-      "@babel/plugin-transform-react-display-name"
-    ],
-    presets: ["module:metro-react-native-babel-preset"]
+    plugins: ["babel-plugin-styled-components"],
+    presets: [
+      "@babel/preset-env",
+      "@babel/preset-react",
+      "@babel/preset-typescript"
+    ]
   };
 };

package/dist/slice-layout.js

@@ -1 +1,15 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"StandardSlice",{enumerable:true,get:function get(){return _standard.default;}});var _standard=_interopRequireDefault(require("./templates/standard"));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StandardSlice", {
+  enumerable: true,
+  get: function get() {
+    return _standard["default"];
+  }
+});
+
+var _standard = _interopRequireDefault(require("./templates/standard"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/templates/shared/index.js

@@ -1 +1,19 @@
-Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ItemColSeparator",{enumerable:true,get:function get(){return _itemSeparators.ItemColSeparator;}});Object.defineProperty(exports,"ItemRowSeparator",{enumerable:true,get:function get(){return _itemSeparators.ItemRowSeparator;}});var _itemSeparators=require("./item-separators");
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ItemColSeparator", {
+  enumerable: true,
+  get: function get() {
+    return _itemSeparators.ItemColSeparator;
+  }
+});
+Object.defineProperty(exports, "ItemRowSeparator", {
+  enumerable: true,
+  get: function get() {
+    return _itemSeparators.ItemRowSeparator;
+  }
+});
+
+var _itemSeparators = require("./item-separators");

package/dist/templates/shared/item-separators.js

@@ -1 +1,52 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ItemRowSeparator=exports.ItemColSeparator=void 0;var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _utils=require("@times-components/utils");var _propTypes=_interopRequireDefault(require("prop-types"));var _styles=_interopRequireDefault(require("./styles"));var _jsxFileName="/home/circleci/project/packages/slice-layout/src/templates/shared/item-separators.js";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;});}keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};if(i%2){ownKeys(Object(source),true).forEach(function(key){(0,_defineProperty2.default)(target,key,source[key]);});}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source));}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}}return target;}var ItemColSeparator=function ItemColSeparator(_ref){var style=_ref.style;return _react.default.createElement(_utils.TcView,{style:_objectSpread(_objectSpread({},_styles.default.itemColSeparator),style),__source:{fileName:_jsxFileName,lineNumber:7,columnNumber:3}});};exports.ItemColSeparator=ItemColSeparator;var ItemRowSeparator=function ItemRowSeparator(_ref2){var style=_ref2.style;return _react.default.createElement(_utils.TcView,{style:_objectSpread(_objectSpread({},_styles.default.itemRowSeparator),style),__source:{fileName:_jsxFileName,lineNumber:10,columnNumber:3}});};exports.ItemRowSeparator=ItemRowSeparator;ItemColSeparator.defaultProps={style:{}};ItemRowSeparator.defaultProps={style:{}};ItemColSeparator.propTypes={style:_propTypes.default.shape({})};ItemRowSeparator.propTypes={style:_propTypes.default.shape({})};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemRowSeparator = exports.ItemColSeparator = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("@times-components/utils");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ItemColSeparator = function ItemColSeparator(_ref) {
+  var style = _ref.style;
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
+    style: _objectSpread(_objectSpread({}, _styles["default"].itemColSeparator), style)
+  });
+};
+
+exports.ItemColSeparator = ItemColSeparator;
+
+var ItemRowSeparator = function ItemRowSeparator(_ref2) {
+  var style = _ref2.style;
+  return /*#__PURE__*/_react["default"].createElement(_utils.TcView, {
+    style: _objectSpread(_objectSpread({}, _styles["default"].itemRowSeparator), style)
+  });
+};
+
+exports.ItemRowSeparator = ItemRowSeparator;
+ItemColSeparator.defaultProps = {
+  style: {}
+};
+ItemRowSeparator.defaultProps = {
+  style: {}
+};
+ItemColSeparator.propTypes = {
+  style: _propTypes["default"].shape({})
+};
+ItemRowSeparator.propTypes = {
+  style: _propTypes["default"].shape({})
+};

package/dist/templates/shared/styles.js

@@ -1 +1,25 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tsStyleguide=require("@times-components/ts-styleguide");var styles={itemColSeparator:{borderColor:_tsStyleguide.colours.functional.keyline,borderRightWidth:1,borderStyle:"solid",marginLeft:(0,_tsStyleguide.spacing)(2),marginRight:(0,_tsStyleguide.spacing)(2)},itemRowSeparator:{borderBottomWidth:1,borderColor:_tsStyleguide.colours.functional.keyline,borderStyle:"solid"}};var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var styles = {
+  itemColSeparator: {
+    borderColor: _tsStyleguide.colours.functional.keyline,
+    borderRightWidth: 1,
+    borderStyle: "solid",
+    marginLeft: (0, _tsStyleguide.spacing)(2),
+    marginRight: (0, _tsStyleguide.spacing)(2)
+  },
+  itemRowSeparator: {
+    borderBottomWidth: 1,
+    borderColor: _tsStyleguide.colours.functional.keyline,
+    borderStyle: "solid"
+  }
+};
+var _default = styles;
+exports["default"] = _default;

package/dist/templates/standard/config.js

@@ -1 +1,57 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getConfigWrapper=exports.getConfig=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var summaryConfig={1:[125],2:[125],3:[125,145]};var getConfig=function getConfig(_ref){var itemCount=_ref.itemCount;return{contentContainerClass:"contentContainerClass",headlineClass:"headlineClass",imageContainerClass:"imageContainerClass",summaryConfig:{lengths:summaryConfig[itemCount]}};};exports.getConfig=getConfig;var getConfigWrapper=function getConfigWrapper(_ref2){var itemCount=_ref2.itemCount;var Base=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"config__Base",componentId:"bs1997-0"})([".imageContainerClass{display:",";}.summaryHidden{display:none;}.summary125Class{display:block;}@media (min-width:","px){.imageContainerClass{display:block;}.headlineClass{font-size:25px;line-height:28px;margin-top:",";}}"],itemCount>=3?"none":"block",_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(1));if(itemCount===1){Base=(0,_styledComponents.default)(Base).withConfig({displayName:"config__Base",componentId:"bs1997-1"})(["@media (min-width:","px){.imageContainerClass{flex:1;margin-bottom:0;min-width:auto;padding-right:",";}.contentContainerClass{flex-basis:0 !important;flex-grow:1;min-width:300px;}}"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(2));}Base=(0,_styledComponents.default)(Base).withConfig({displayName:"config__Base",componentId:"bs1997-2"})(["@media (min-width:","px){.summary125Class{display:",";}.summary145Class{display:",";}}"],_tsStyleguide.breakpoints.wide,itemCount===3?"none":"block",itemCount===3?"block":"none");return Base;};exports.getConfigWrapper=getConfigWrapper;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getConfigWrapper = exports.getConfig = void 0;
+
+var _utils = require("@times-components/utils");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var summaryConfig = {
+  1: [125],
+  2: [125],
+  3: [125, 145]
+};
+
+var getConfig = function getConfig(_ref) {
+  var itemCount = _ref.itemCount;
+  return {
+    contentContainerClass: "contentContainerClass",
+    headlineClass: "headlineClass",
+    imageContainerClass: "imageContainerClass",
+    summaryConfig: {
+      lengths: summaryConfig[itemCount]
+    }
+  };
+};
+
+exports.getConfig = getConfig;
+
+var getConfigWrapper = function getConfigWrapper(_ref2) {
+  var itemCount = _ref2.itemCount;
+  var Base = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+    displayName: "config__Base",
+    componentId: "bs1997-0"
+  })([".imageContainerClass{display:", ";}.summaryHidden{display:none;}.summary125Class{display:block;}@media (min-width:", "px){.imageContainerClass{display:block;}.headlineClass{font-size:25px;line-height:28px;margin-top:", ";}}"], itemCount >= 3 ? "none" : "block", _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(1));
+
+  if (itemCount === 1) {
+    Base = (0, _styledComponents["default"])(Base).withConfig({
+      displayName: "config__Base",
+      componentId: "bs1997-1"
+    })(["@media (min-width:", "px){.imageContainerClass{flex:1;margin-bottom:0;min-width:auto;padding-right:", ";}.contentContainerClass{flex-basis:0 !important;flex-grow:1;min-width:300px;}}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(2));
+  }
+
+  Base = (0, _styledComponents["default"])(Base).withConfig({
+    displayName: "config__Base",
+    componentId: "bs1997-2"
+  })(["@media (min-width:", "px){.summary125Class{display:", ";}.summary145Class{display:", ";}}"], _tsStyleguide.breakpoints.wide, itemCount === 3 ? "none" : "block", itemCount === 3 ? "block" : "none");
+  return Base;
+};
+
+exports.getConfigWrapper = getConfigWrapper;

package/dist/templates/standard/index.js

@@ -1 +1,118 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits"));var _possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));var _getPrototypeOf2=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _responsive=require("../styles/responsive");var _responsive2=require("./responsive");var _config=require("./config");var _jsxFileName="/home/circleci/project/packages/slice-layout/src/templates/standard/index.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=(0,_getPrototypeOf2.default)(Derived),result;if(hasNativeReflectConstruct){var NewTarget=(0,_getPrototypeOf2.default)(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return(0,_possibleConstructorReturn2.default)(this,result);};}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}var Separator=(0,_responsive.getSeparator)({hasLeftRightMargin:true});var StandardSlice=function(_Component){(0,_inherits2.default)(StandardSlice,_Component);var _super=_createSuper(StandardSlice);function StandardSlice(props){var _this;(0,_classCallCheck2.default)(this,StandardSlice);_this=_super.call(this,props);var itemCount=_this.props.itemCount;_this.ConfigWrapper=(0,_config.getConfigWrapper)({itemCount:itemCount});_this.config=(0,_config.getConfig)({itemCount:itemCount});_this.ChildrenContainer=(0,_responsive2.getChildrenContainer)({childCount:itemCount});return _this;}(0,_createClass2.default)(StandardSlice,[{key:"render",value:function render(){var renderItems=this.props.renderItems;var items=renderItems(this.config);if(items.length===0){return null;}var ChildrenContainer=this.ChildrenContainer,ConfigWrapper=this.ConfigWrapper;return _react.default.createElement(ConfigWrapper,{__source:{fileName:_jsxFileName,lineNumber:33,columnNumber:7}},_react.default.createElement(_responsive.SliceContainer,{__source:{fileName:_jsxFileName,lineNumber:34,columnNumber:9}},_react.default.createElement(ChildrenContainer,{__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:11}},items.map(function(item){return _react.default.createElement(_responsive2.ChildContainer,{key:item.props.id,__source:{fileName:_jsxFileName,lineNumber:38,columnNumber:17}},item);}).reduce(function(previous,current){return[].concat((0,_toConsumableArray2.default)(previous.length>0?previous:[previous]),[_react.default.createElement(Separator,{key:"separator-"+current.key,__source:{fileName:_jsxFileName,lineNumber:42,columnNumber:17}}),current]);}))));}}]);return StandardSlice;}(_react.Component);StandardSlice.propTypes={itemCount:_propTypes.default.number.isRequired,renderItems:_propTypes.default.func.isRequired};var _default=StandardSlice;exports.default=_default;
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _responsive = require("../styles/responsive");
+
+var _responsive2 = require("./responsive");
+
+var _config = require("./config");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var Separator = (0, _responsive.getSeparator)({
+  hasLeftRightMargin: true
+});
+
+var StandardSlice = /*#__PURE__*/function (_Component) {
+  _inherits(StandardSlice, _Component);
+
+  var _super = _createSuper(StandardSlice);
+
+  function StandardSlice(props) {
+    var _this;
+
+    _classCallCheck(this, StandardSlice);
+
+    _this = _super.call(this, props);
+    var itemCount = _this.props.itemCount;
+    _this.ConfigWrapper = (0, _config.getConfigWrapper)({
+      itemCount: itemCount
+    });
+    _this.config = (0, _config.getConfig)({
+      itemCount: itemCount
+    });
+    _this.ChildrenContainer = (0, _responsive2.getChildrenContainer)({
+      childCount: itemCount
+    });
+    return _this;
+  }
+
+  _createClass(StandardSlice, [{
+    key: "render",
+    value: function render() {
+      var renderItems = this.props.renderItems;
+      var items = renderItems(this.config);
+
+      if (items.length === 0) {
+        return null;
+      }
+
+      var ChildrenContainer = this.ChildrenContainer,
+          ConfigWrapper = this.ConfigWrapper;
+      return /*#__PURE__*/_react["default"].createElement(ConfigWrapper, null, /*#__PURE__*/_react["default"].createElement(_responsive.SliceContainer, null, /*#__PURE__*/_react["default"].createElement(ChildrenContainer, null, items.map(function (item) {
+        return /*#__PURE__*/_react["default"].createElement(_responsive2.ChildContainer, {
+          key: item.props.id
+        }, item);
+      }).reduce(function (previous, current) {
+        return [].concat(_toConsumableArray(previous.length > 0 ? previous : [previous]), [/*#__PURE__*/_react["default"].createElement(Separator, {
+          key: "separator-".concat(current.key)
+        }), current]);
+      }))));
+    }
+  }]);
+
+  return StandardSlice;
+}(_react.Component);
+
+StandardSlice.propTypes = {
+  itemCount: _propTypes["default"].number.isRequired,
+  renderItems: _propTypes["default"].func.isRequired
+};
+var _default = StandardSlice;
+exports["default"] = _default;

package/dist/templates/standard/responsive.js

@@ -1 +1,48 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getChildrenContainer=exports.ChildContainer=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var ChildContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__ChildContainer",componentId:"sc-1lqbq6a-0"})(["flex:1;padding-left:",";padding-right:",";@media (min-width:","px){flex-basis:0 !important;padding-left:0;padding-right:0;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium);exports.ChildContainer=ChildContainer;var getChildrenContainer=function getChildrenContainer(_ref){var childCount=_ref.childCount;var Base=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-1"})(["flex:1;flex-direction:column;flex-wrap:wrap;padding-bottom:",";padding-top:",";width:100%;@media (min-width:","px){flex-direction:row;}"],(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium);if(childCount>=3){Base=(0,_styledComponents.default)(Base).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-2"})(["@media (min-width:","px){padding-left:",";padding-right:",";width:100%;}"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(4),(0,_tsStyleguide.spacing)(4));}else{Base=(0,_styledComponents.default)(Base).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-3"})(["@media (min-width:","px){width:80.8%;}"],_tsStyleguide.breakpoints.medium);}Base=(0,_styledComponents.default)(Base).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-4"})(["@media (min-width:","px){width:",";}"],_tsStyleguide.breakpoints.wide,childCount>=3?"100%":"56.2%");return Base;};exports.getChildrenContainer=getChildrenContainer;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChildrenContainer = exports.ChildContainer = void 0;
+
+var _utils = require("@times-components/utils");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var ChildContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "responsive__ChildContainer",
+  componentId: "sc-1lqbq6a-0"
+})(["flex:1;padding-left:", ";padding-right:", ";@media (min-width:", "px){flex-basis:0 !important;padding-left:0;padding-right:0;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium);
+exports.ChildContainer = ChildContainer;
+
+var getChildrenContainer = function getChildrenContainer(_ref) {
+  var childCount = _ref.childCount;
+  var Base = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+    displayName: "responsive__Base",
+    componentId: "sc-1lqbq6a-1"
+  })(["flex:1;flex-direction:column;flex-wrap:wrap;padding-bottom:", ";padding-top:", ";width:100%;@media (min-width:", "px){flex-direction:row;}"], (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium);
+
+  if (childCount >= 3) {
+    Base = (0, _styledComponents["default"])(Base).withConfig({
+      displayName: "responsive__Base",
+      componentId: "sc-1lqbq6a-2"
+    })(["@media (min-width:", "px){padding-left:", ";padding-right:", ";width:100%;}"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(4), (0, _tsStyleguide.spacing)(4));
+  } else {
+    Base = (0, _styledComponents["default"])(Base).withConfig({
+      displayName: "responsive__Base",
+      componentId: "sc-1lqbq6a-3"
+    })(["@media (min-width:", "px){width:80.8%;}"], _tsStyleguide.breakpoints.medium);
+  }
+
+  Base = (0, _styledComponents["default"])(Base).withConfig({
+    displayName: "responsive__Base",
+    componentId: "sc-1lqbq6a-4"
+  })(["@media (min-width:", "px){width:", ";}"], _tsStyleguide.breakpoints.wide, childCount >= 3 ? "100%" : "56.2%");
+  return Base;
+};
+
+exports.getChildrenContainer = getChildrenContainer;

package/dist/templates/styles/index.js

@@ -1 +1,25 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _tsStyleguide=require("@times-components/ts-styleguide");var styles={item:{width:"100%"},itemContainer:{borderBottomColor:_tsStyleguide.colours.functional.keyline,borderBottomWidth:1,borderStyle:"solid",width:"100%"},itemContainerWithoutBorders:{width:"100%"}};var _default=styles;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var styles = {
+  item: {
+    width: "100%"
+  },
+  itemContainer: {
+    borderBottomColor: _tsStyleguide.colours.functional.keyline,
+    borderBottomWidth: 1,
+    borderStyle: "solid",
+    width: "100%"
+  },
+  itemContainerWithoutBorders: {
+    width: "100%"
+  }
+};
+var _default = styles;
+exports["default"] = _default;

package/dist/templates/styles/responsive.js

@@ -1 +1,30 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.getSeparator=exports.SliceContainer=void 0;var _utils=require("@times-components/utils");var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var SliceContainer=(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive__SliceContainer",componentId:"sc-1kirgpc-0"})(["align-items:center;border-bottom-color:",";border-bottom-width:1px;border-style:solid;flex:1;justify-content:center;@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:0.5px;}"],_tsStyleguide.colours.functional.keyline);exports.SliceContainer=SliceContainer;var getSeparator=function getSeparator(_ref){var hasLeftRightMargin=_ref.hasLeftRightMargin;return(0,_styledComponents.default)(_utils.TcView).withConfig({displayName:"responsive",componentId:"sc-1kirgpc-1"})(["border-bottom-color:",";border-bottom-style:solid;border-bottom-width:1px;flex:1;margin-bottom:",";margin-top:",";min-width:auto;@media (min-width:","px){border-bottom:none;border-right-color:",";border-right-style:solid;border-right-width:1px;flex:0 !important;margin:",";}"],_tsStyleguide.colours.functional.keyline,(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2),_tsStyleguide.breakpoints.medium,_tsStyleguide.colours.functional.keyline,hasLeftRightMargin?"0 "+(0,_tsStyleguide.spacing)(2):"0");};exports.getSeparator=getSeparator;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSeparator = exports.SliceContainer = void 0;
+
+var _utils = require("@times-components/utils");
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var SliceContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
+  displayName: "responsive__SliceContainer",
+  componentId: "sc-1kirgpc-0"
+})(["align-items:center;border-bottom-color:", ";border-bottom-width:1px;border-style:solid;flex:1;justify-content:center;@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:0.5px;}"], _tsStyleguide.colours.functional.keyline);
+exports.SliceContainer = SliceContainer;
+
+var getSeparator = function getSeparator(_ref) {
+  var hasLeftRightMargin = _ref.hasLeftRightMargin;
+  return (0, _styledComponents["default"])(_utils.TcView).withConfig({
+    displayName: "responsive",
+    componentId: "sc-1kirgpc-1"
+  })(["border-bottom-color:", ";border-bottom-style:solid;border-bottom-width:1px;flex:1;margin-bottom:", ";margin-top:", ";min-width:auto;@media (min-width:", "px){border-bottom:none;border-right-color:", ";border-right-style:solid;border-right-width:1px;flex:0 !important;margin:", ";}"], _tsStyleguide.colours.functional.keyline, (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2), _tsStyleguide.breakpoints.medium, _tsStyleguide.colours.functional.keyline, hasLeftRightMargin ? "0 ".concat((0, _tsStyleguide.spacing)(2)) : "0");
+};
+
+exports.getSeparator = getSeparator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/slice-layout",
-  "version": "0.49.4",
+  "version": "0.50.0",
   "description": "Slice layout",
   "main": "dist/slice-layout",
   "scripts": {
@@ -8,7 +8,7 @@
     "prettier:diff": "prettier --list-different '**/*.*'",
     "depcheck": "depcheck --ignores='@babel/*,babel-*,depcheck,eslint,jest,prettier,react-art,stylelint*,webpack*' --ignore-bin-package=false --skip-missing",
     "lint": "eslint . && stylelint . && yarn prettier:diff && yarn depcheck",
-    "test:web": "jest --config='./__tests__/web/jest.config.js'",
+    "test:web": "jest --config='./__tests__/jest.config.js'",
     "prepublishOnly": "yarn transpile && yarn bundle",
     "cleanup-dist": "rm -rf dist",
     "transpile": "yarn cleanup-dist && babel src -d dist",
@@ -33,14 +33,12 @@
   "devDependencies": {
     "@babel/core": "7.4.4",
     "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator": "2.8.0",
-    "@times-components/jest-serializer": "3.2.31",
-    "@times-components/storybook": "4.3.1",
-    "@times-components/test-utils": "2.3.10",
+    "@times-components/jest-configurator-web": "0.8.0",
+    "@times-components/jest-serializer": "3.4.0",
+    "@times-components/storybook": "4.5.0",
+    "@times-components/test-utils": "2.4.0",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.5",
-    "babel-plugin-add-react-displayname": "0.0.5",
-    "babel-plugin-styled-components": "1.10.6",
     "depcheck": "0.6.9",
     "enzyme": "3.9.0",
     "eslint": "5.9.0",
@@ -48,18 +46,13 @@
     "jest-styled-components": "6.3.1",
     "prettier": "1.14.3",
     "react": "16.9.0",
-    "react-art": "16.6.3",
     "react-dom": "16.9.0",
     "stylelint": "9.4.0",
-    "stylelint-config-recommended": "2.1.0",
-    "stylelint-config-styled-components": "0.1.1",
-    "stylelint-processor-styled-components": "1.3.2",
-    "webpack": "4.30.0",
-    "webpack-cli": "3.3.1"
+    "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ts-styleguide": "1.36.7",
-    "@times-components/utils": "6.14.2",
+    "@times-components/ts-styleguide": "1.37.0",
+    "@times-components/utils": "6.15.0",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
   },
@@ -75,5 +68,5 @@
     "access": "public"
   },
   "dev": "src/slice-layout",
-  "gitHead": "358bc4e3a3e654126c6b3af629dd1c6f074cc0cd"
+  "gitHead": "fe2f12b7448a88662c53f840772282cd97756c5c"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t){e.exports=require("@babel/runtime/helpers/interopRequireDefault")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"StandardSlice",{enumerable:!0,get:function(){return i.default}});var i=r(n(5))},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=r(n(6)),o=r(n(7)),a=r(n(8)),l=r(n(9)),u=r(n(10)),s=r(n(11)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var a=i?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(r,o,a):r[o]=e[o]}r.default=e,n&&n.set(e,r);return r}(n(12)),p=(r(n(13)),n(14)),c=n(15),f=n(16);function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,s.default)(e);if(t){var i=(0,s.default)(this).constructor;n=Reflect.construct(r,arguments,i)}else n=r.apply(this,arguments);return(0,u.default)(this,n)}}var b=(0,p.getSeparator)({hasLeftRightMargin:!0}),h=function(e){(0,l.default)(n,e);var t=g(n);function n(e){var r;(0,o.default)(this,n);var i=(r=t.call(this,e)).props.itemCount;return r.ConfigWrapper=(0,f.getConfigWrapper)({itemCount:i}),r.config=(0,f.getConfig)({itemCount:i}),r.ChildrenContainer=(0,c.getChildrenContainer)({childCount:i}),r}return(0,a.default)(n,[{key:"render",value:function(){var e=(0,this.props.renderItems)(this.config);if(0===e.length)return null;var t=this.ChildrenContainer,n=this.ConfigWrapper;return d.default.createElement(n,null,d.default.createElement(p.SliceContainer,null,d.default.createElement(t,null,e.map((function(e){return d.default.createElement(c.ChildContainer,{key:e.props.id},e)})).reduce((function(e,t){return[].concat((0,i.default)(e.length>0?e:[e]),[d.default.createElement(b,{key:"separator-"+t.key}),t])})))))}}]),n}(d.Component);t.default=h},function(e,t){e.exports=require("@babel/runtime/helpers/toConsumableArray")},function(e,t){e.exports=require("@babel/runtime/helpers/classCallCheck")},function(e,t){e.exports=require("@babel/runtime/helpers/createClass")},function(e,t){e.exports=require("@babel/runtime/helpers/inherits")},function(e,t){e.exports=require("@babel/runtime/helpers/possibleConstructorReturn")},function(e,t){e.exports=require("@babel/runtime/helpers/getPrototypeOf")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.getSeparator=t.SliceContainer=void 0;var i=n(1),o=r(n(2)),a=n(3),l=(0,o.default)(i.TcView).withConfig({displayName:"responsive__SliceContainer",componentId:"sc-1kirgpc-0"})(["align-items:center;border-bottom-color:",";border-bottom-width:1px;border-style:solid;flex:1;justify-content:center;@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:0.5px;}"],a.colours.functional.keyline);t.SliceContainer=l;t.getSeparator=function(e){var t=e.hasLeftRightMargin;return(0,o.default)(i.TcView).withConfig({displayName:"responsive",componentId:"sc-1kirgpc-1"})(["border-bottom-color:",";border-bottom-style:solid;border-bottom-width:1px;flex:1;margin-bottom:",";margin-top:",";min-width:auto;@media (min-width:","px){border-bottom:none;border-right-color:",";border-right-style:solid;border-right-width:1px;flex:0 !important;margin:",";}"],a.colours.functional.keyline,(0,a.spacing)(2),(0,a.spacing)(2),a.breakpoints.medium,a.colours.functional.keyline,t?"0 "+(0,a.spacing)(2):"0")}},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.getChildrenContainer=t.ChildContainer=void 0;var i=n(1),o=r(n(2)),a=n(3),l=(0,o.default)(i.TcView).withConfig({displayName:"responsive__ChildContainer",componentId:"sc-1lqbq6a-0"})(["flex:1;padding-left:",";padding-right:",";@media (min-width:","px){flex-basis:0 !important;padding-left:0;padding-right:0;}"],(0,a.spacing)(2),(0,a.spacing)(2),a.breakpoints.medium);t.ChildContainer=l;t.getChildrenContainer=function(e){var t=e.childCount,n=(0,o.default)(i.TcView).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-1"})(["flex:1;flex-direction:column;flex-wrap:wrap;padding-bottom:",";padding-top:",";width:100%;@media (min-width:","px){flex-direction:row;}"],(0,a.spacing)(2),(0,a.spacing)(2),a.breakpoints.medium);return n=t>=3?(0,o.default)(n).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-2"})(["@media (min-width:","px){padding-left:",";padding-right:",";width:100%;}"],a.breakpoints.medium,(0,a.spacing)(4),(0,a.spacing)(4)):(0,o.default)(n).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-3"})(["@media (min-width:","px){width:80.8%;}"],a.breakpoints.medium),n=(0,o.default)(n).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-4"})(["@media (min-width:","px){width:",";}"],a.breakpoints.wide,t>=3?"100%":"56.2%")}},function(e,t,n){var r=n(0);Object.defineProperty(t,"__esModule",{value:!0}),t.getConfigWrapper=t.getConfig=void 0;var i=n(1),o=r(n(2)),a=n(3),l={1:[125],2:[125],3:[125,145]};t.getConfig=function(e){var t=e.itemCount;return{contentContainerClass:"contentContainerClass",headlineClass:"headlineClass",imageContainerClass:"imageContainerClass",summaryConfig:{lengths:l[t]}}};t.getConfigWrapper=function(e){var t=e.itemCount,n=(0,o.default)(i.TcView).withConfig({displayName:"config__Base",componentId:"bs1997-0"})([".imageContainerClass{display:",";}.summaryHidden{display:none;}.summary125Class{display:block;}@media (min-width:","px){.imageContainerClass{display:block;}.headlineClass{font-size:25px;line-height:28px;margin-top:",";}}"],t>=3?"none":"block",a.breakpoints.medium,(0,a.spacing)(1));return 1===t&&(n=(0,o.default)(n).withConfig({displayName:"config__Base",componentId:"bs1997-1"})(["@media (min-width:","px){.imageContainerClass{flex:1;margin-bottom:0;min-width:auto;padding-right:",";}.contentContainerClass{flex-basis:0 !important;flex-grow:1;min-width:300px;}}"],a.breakpoints.medium,(0,a.spacing)(2))),n=(0,o.default)(n).withConfig({displayName:"config__Base",componentId:"bs1997-2"})(["@media (min-width:","px){.summary125Class{display:",";}.summary145Class{display:",";}}"],a.breakpoints.wide,3===t?"none":"block",3===t?"block":"none")}}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=5)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t,n){"use strict";n.r(t);var r=n(3),o=n.n(r),i=(n(4),n(2)),a=n(1),c=n.n(a),s=n(0),l=c()(i.TcView).withConfig({displayName:"responsive__SliceContainer",componentId:"sc-1kirgpc-0"})(["align-items:center;border-bottom-color:",";border-bottom-width:1px;border-style:solid;flex:1;justify-content:center;@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:0.5px;}"],s.colours.functional.keyline),u=c()(i.TcView).withConfig({displayName:"responsive__ChildContainer",componentId:"sc-1lqbq6a-0"})(["flex:1;padding-left:",";padding-right:",";@media (min-width:","px){flex-basis:0 !important;padding-left:0;padding-right:0;}"],Object(s.spacing)(2),Object(s.spacing)(2),s.breakpoints.medium),p={1:[125],2:[125],3:[125,145]};function f(e){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function d(e){return function(e){if(Array.isArray(e))return m(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=w(e);if(t){var o=w(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return h(this,n)}}function h(e,t){return!t||"object"!==f(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function w(e){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var C,x=(C={hasLeftRightMargin:!0}.hasLeftRightMargin,c()(i.TcView).withConfig({displayName:"responsive",componentId:"sc-1kirgpc-1"})(["border-bottom-color:",";border-bottom-style:solid;border-bottom-width:1px;flex:1;margin-bottom:",";margin-top:",";min-width:auto;@media (min-width:","px){border-bottom:none;border-right-color:",";border-right-style:solid;border-right-width:1px;flex:0 !important;margin:",";}"],s.colours.functional.keyline,Object(s.spacing)(2),Object(s.spacing)(2),s.breakpoints.medium,s.colours.functional.keyline,C?"0 ".concat(Object(s.spacing)(2)):"0")),v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}(f,e);var t,n,r,a=g(f);function f(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,f);var n=(t=a.call(this,e)).props.itemCount;return t.ConfigWrapper=function(e){var t=e.itemCount,n=c()(i.TcView).withConfig({displayName:"config__Base",componentId:"bs1997-0"})([".imageContainerClass{display:",";}.summaryHidden{display:none;}.summary125Class{display:block;}@media (min-width:","px){.imageContainerClass{display:block;}.headlineClass{font-size:25px;line-height:28px;margin-top:",";}}"],t>=3?"none":"block",s.breakpoints.medium,Object(s.spacing)(1));return 1===t&&(n=c()(n).withConfig({displayName:"config__Base",componentId:"bs1997-1"})(["@media (min-width:","px){.imageContainerClass{flex:1;margin-bottom:0;min-width:auto;padding-right:",";}.contentContainerClass{flex-basis:0 !important;flex-grow:1;min-width:300px;}}"],s.breakpoints.medium,Object(s.spacing)(2))),n=c()(n).withConfig({displayName:"config__Base",componentId:"bs1997-2"})(["@media (min-width:","px){.summary125Class{display:",";}.summary145Class{display:",";}}"],s.breakpoints.wide,3===t?"none":"block",3===t?"block":"none")}({itemCount:n}),t.config=function(e){var t=e.itemCount;return{contentContainerClass:"contentContainerClass",headlineClass:"headlineClass",imageContainerClass:"imageContainerClass",summaryConfig:{lengths:p[t]}}}({itemCount:n}),t.ChildrenContainer=function(e){var t=e.childCount,n=c()(i.TcView).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-1"})(["flex:1;flex-direction:column;flex-wrap:wrap;padding-bottom:",";padding-top:",";width:100%;@media (min-width:","px){flex-direction:row;}"],Object(s.spacing)(2),Object(s.spacing)(2),s.breakpoints.medium);return n=t>=3?c()(n).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-2"})(["@media (min-width:","px){padding-left:",";padding-right:",";width:100%;}"],s.breakpoints.medium,Object(s.spacing)(4),Object(s.spacing)(4)):c()(n).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-3"})(["@media (min-width:","px){width:80.8%;}"],s.breakpoints.medium),n=c()(n).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-4"})(["@media (min-width:","px){width:",";}"],s.breakpoints.wide,t>=3?"100%":"56.2%")}({childCount:n}),t}return t=f,(n=[{key:"render",value:function(){var e=(0,this.props.renderItems)(this.config);if(0===e.length)return null;var t=this.ChildrenContainer,n=this.ConfigWrapper;return o.a.createElement(n,null,o.a.createElement(l,null,o.a.createElement(t,null,e.map((function(e){return o.a.createElement(u,{key:e.props.id},e)})).reduce((function(e,t){return[].concat(d(e.length>0?e:[e]),[o.a.createElement(x,{key:"separator-".concat(t.key)}),t])})))))}}])&&b(t.prototype,n),r&&b(t,r),f}(r.Component);n.d(t,"StandardSlice",(function(){return v}))}]);