@times-components/slice-layout 0.51.61 → 0.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/templates/standard/index.js +11 -3
- package/dist/templates/styles/responsive.js +12 -3
- package/package.json +2 -2
- package/rnw.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.52.0](https://github.com/newsuk/times-components/compare/@times-components/slice-layout@0.51.61...@times-components/slice-layout@0.52.0) (2024-12-02)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **TMRS-482:** add CategorisedArticles ([#3976](https://github.com/newsuk/times-components/issues/3976)) ([164ee6a](https://github.com/newsuk/times-components/commit/164ee6ae81516489bd6d5afb8e7289104c65720a))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.51.61](https://github.com/newsuk/times-components/compare/@times-components/slice-layout@0.51.60...@times-components/slice-layout@0.51.61) (2024-07-02)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @times-components/slice-layout
|
|
@@ -86,7 +86,9 @@ var StandardSlice = /*#__PURE__*/function (_Component) {
|
|
|
86
86
|
_createClass(StandardSlice, [{
|
|
87
87
|
key: "render",
|
|
88
88
|
value: function render() {
|
|
89
|
-
var
|
|
89
|
+
var _this$props = this.props,
|
|
90
|
+
renderItems = _this$props.renderItems,
|
|
91
|
+
hideBorder = _this$props.hideBorder;
|
|
90
92
|
var items = renderItems(this.config);
|
|
91
93
|
|
|
92
94
|
if (items.length === 0) {
|
|
@@ -95,7 +97,9 @@ var StandardSlice = /*#__PURE__*/function (_Component) {
|
|
|
95
97
|
|
|
96
98
|
var ChildrenContainer = this.ChildrenContainer,
|
|
97
99
|
ConfigWrapper = this.ConfigWrapper;
|
|
98
|
-
return /*#__PURE__*/_react["default"].createElement(ConfigWrapper, null, /*#__PURE__*/_react["default"].createElement(_responsive.SliceContainer,
|
|
100
|
+
return /*#__PURE__*/_react["default"].createElement(ConfigWrapper, null, /*#__PURE__*/_react["default"].createElement(_responsive.SliceContainer, {
|
|
101
|
+
hideBorder: hideBorder
|
|
102
|
+
}, /*#__PURE__*/_react["default"].createElement(ChildrenContainer, null, items.map(function (item) {
|
|
99
103
|
return /*#__PURE__*/_react["default"].createElement(_responsive2.ChildContainer, {
|
|
100
104
|
key: item.props.id
|
|
101
105
|
}, item);
|
|
@@ -112,7 +116,11 @@ var StandardSlice = /*#__PURE__*/function (_Component) {
|
|
|
112
116
|
|
|
113
117
|
StandardSlice.propTypes = {
|
|
114
118
|
itemCount: _propTypes["default"].number.isRequired,
|
|
115
|
-
renderItems: _propTypes["default"].func.isRequired
|
|
119
|
+
renderItems: _propTypes["default"].func.isRequired,
|
|
120
|
+
hideBorder: _propTypes["default"].bool
|
|
121
|
+
};
|
|
122
|
+
StandardSlice.defaultProps = {
|
|
123
|
+
hideBorder: false
|
|
116
124
|
};
|
|
117
125
|
var _default = StandardSlice;
|
|
118
126
|
exports["default"] = _default;
|
|
@@ -16,11 +16,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
16
16
|
var SliceContainer = (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
17
17
|
displayName: "responsive__SliceContainer",
|
|
18
18
|
componentId: "sc-1kirgpc-0"
|
|
19
|
-
})(["align-items:center;border-bottom-color:", ";border-bottom-width:
|
|
19
|
+
})(["align-items:center;border-bottom-color:", ";border-bottom-width:", ";border-style:solid;flex:1;justify-content:center;", ";@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:", ";}"], _tsStyleguide.colours.functional.keyline, function (_ref) {
|
|
20
|
+
var hideBorder = _ref.hideBorder;
|
|
21
|
+
return hideBorder ? 0 : "1px";
|
|
22
|
+
}, function (_ref2) {
|
|
23
|
+
var hideBorder = _ref2.hideBorder;
|
|
24
|
+
return hideBorder && "margin-bottom: 12px";
|
|
25
|
+
}, function (_ref3) {
|
|
26
|
+
var hideBorder = _ref3.hideBorder;
|
|
27
|
+
return hideBorder ? 0 : "0.5px";
|
|
28
|
+
});
|
|
20
29
|
exports.SliceContainer = SliceContainer;
|
|
21
30
|
|
|
22
|
-
var getSeparator = function getSeparator(
|
|
23
|
-
var hasLeftRightMargin =
|
|
31
|
+
var getSeparator = function getSeparator(_ref4) {
|
|
32
|
+
var hasLeftRightMargin = _ref4.hasLeftRightMargin;
|
|
24
33
|
return (0, _styledComponents["default"])(_utils.TcView).withConfig({
|
|
25
34
|
displayName: "responsive",
|
|
26
35
|
componentId: "sc-1kirgpc-1"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-components/slice-layout",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.52.0",
|
|
4
4
|
"description": "Slice layout",
|
|
5
5
|
"main": "dist/slice-layout",
|
|
6
6
|
"scripts": {
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
71
|
"dev": "src/slice-layout",
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "47690c485255c221577b0cab174fb46bbda93a2e"
|
|
73
73
|
}
|
package/rnw.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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:
|
|
1
|
+
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:",";border-style:solid;flex:1;justify-content:center;",";@media (-webkit-min-device-pixel-ratio:2){border-bottom-width:",";}"],s.colours.functional.keyline,(function(e){return e.hideBorder?0:"1px"}),(function(e){return e.hideBorder&&"margin-bottom: 12px"}),(function(e){return e.hideBorder?0:"0.5px"})),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 d(e){return(d="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 f(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"!==d(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)}(d,e);var t,n,r,a=g(d);function d(e){var t;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,d);var n,r,o=(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:o}),t.config=function(e){var t=e.itemCount;return{contentContainerClass:"contentContainerClass",headlineClass:"headlineClass",imageContainerClass:"imageContainerClass",summaryConfig:{lengths:p[t]}}}({itemCount:o}),t.ChildrenContainer=(n={childCount:o}.childCount,r=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),r=n>=3?c()(r).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()(r).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-3"})(["@media (min-width:","px){width:80.8%;}"],s.breakpoints.medium),r=c()(r).withConfig({displayName:"responsive__Base",componentId:"sc-1lqbq6a-4"})(["@media (min-width:","px){width:",";}"],s.breakpoints.wide,n>=3?"100%":"56.2%")),t}return t=d,(n=[{key:"render",value:function(){var e=this.props,t=e.renderItems,n=e.hideBorder,r=t(this.config);if(0===r.length)return null;var i=this.ChildrenContainer,a=this.ConfigWrapper;return o.a.createElement(a,null,o.a.createElement(l,{hideBorder:n},o.a.createElement(i,null,r.map((function(e){return o.a.createElement(u,{key:e.props.id},e)})).reduce((function(e,t){return[].concat(f(e.length>0?e:[e]),[o.a.createElement(x,{key:"separator-".concat(t.key)}),t])})))))}}])&&b(t.prototype,n),r&&b(t,r),d}(r.Component);v.defaultProps={hideBorder:!1};var _=v;n.d(t,"StandardSlice",(function(){return _}))}]);
|