@mvf/external-components 3.27.1-dev.4 → 3.27.1-dev.6
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/Components/Organisms/ListLayout/ListLayout.js +2 -2
- package/Components/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Components/Organisms/ListLayout/makeListLayoutStyling.d.ts +1 -1
- package/Components/Organisms/ListLayout/makeListLayoutStyling.js +14 -3
- package/Components/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayout.js +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/ListLayout.js.map +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/makeListLayoutStyling.d.ts +1 -1
- package/Experiments/CRO-584/Organisms/ListLayout/makeListLayoutStyling.js +14 -3
- package/Experiments/CRO-584/Organisms/ListLayout/makeListLayoutStyling.js.map +1 -1
- package/package.json +1 -1
@@ -21,9 +21,9 @@ var makeListLayoutStyling_1 = __importDefault(require("./makeListLayoutStyling")
|
|
21
21
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
22
22
|
var ListLayout = function (_a) {
|
23
23
|
var children = _a.children, columns = _a.columns;
|
24
|
-
var styles = (0, makeListLayoutStyling_1.default)();
|
24
|
+
var styles = (0, makeListLayoutStyling_1.default)(columns);
|
25
25
|
var renderChild = function (child, index) {
|
26
|
-
return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, xs: 12,
|
26
|
+
return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, xs: 12, mobileLarge: 12 / columns, "data-testid": "grid-".concat(index), css: styles.item }, { children: child }), index));
|
27
27
|
};
|
28
28
|
return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ container: true, justifyContent: "flex-start", css: styles.container, "data-testid": "list-layout-container" }, { children: (0, lodash_1.map)(children, renderChild) })));
|
29
29
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ListLayout.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/ListLayout/ListLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,4DAAwC;AACxC,iCAA6B;AAE7B,kFAA4D;AAG5D,gEAA0C;AAO1C,IAAM,UAAU,GAAmB,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IACrD,IAAM,MAAM,GAAG,IAAA,+BAAqB,
|
1
|
+
{"version":3,"file":"ListLayout.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/ListLayout/ListLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,4DAAwC;AACxC,iCAA6B;AAE7B,kFAA4D;AAG5D,gEAA0C;AAO1C,IAAM,UAAU,GAAmB,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IACrD,IAAM,MAAM,GAAG,IAAA,+BAAqB,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAM,WAAW,GAAG,UAAC,KAAgB,EAAE,KAAa;QAClD,OAAO,CACL,uBAAC,cAAM,aACL,IAAI,QAEJ,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,EAAE,GAAG,OAAO,iBACZ,eAAQ,KAAK,CAAE,EAC5B,GAAG,EAAE,MAAM,CAAC,IAAI,gBAEf,KAAK,KAND,KAAK,CAOH,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,cAAM,aACL,SAAS,QACT,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,MAAM,CAAC,SAAS,iBACT,uBAAuB,gBAElC,IAAA,YAAG,EAAC,QAAQ,EAAE,WAAW,CAAC,IACpB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
@@ -1,7 +1,18 @@
|
|
1
1
|
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
14
|
var react_1 = require("@emotion/react");
|
4
|
-
var makeListLayoutStyling = function () {
|
15
|
+
var makeListLayoutStyling = function (columns) {
|
5
16
|
return {
|
6
17
|
container: (0, react_1.css)({
|
7
18
|
'&.MuiGrid-container.MuiGrid-spacing-xs-1': {
|
@@ -13,10 +24,10 @@ var makeListLayoutStyling = function () {
|
|
13
24
|
item: (0, react_1.css)({
|
14
25
|
'&.MuiGrid-item': {
|
15
26
|
paddingTop: 12,
|
16
|
-
'@media (min-width: 430px)': {
|
27
|
+
'@media (min-width: 430px)': __assign({}, (columns > 1 && {
|
17
28
|
paddingLeft: 6,
|
18
29
|
paddingRight: 6,
|
19
|
-
},
|
30
|
+
})),
|
20
31
|
},
|
21
32
|
}),
|
22
33
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeListLayoutStyling.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/ListLayout/makeListLayoutStyling.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"makeListLayoutStyling.js","sourceRoot":"","sources":["../../../../src/Components/Organisms/ListLayout/makeListLayoutStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAAqC;AAErC,IAAM,qBAAqB,GAAG,UAAC,OAAe;IAC5C,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,0CAA0C,EAAE;gBAC1C,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,WAAW;gBACnB,QAAQ,EAAE,GAAG;aACd;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,gBAAgB,EAAE;gBAChB,UAAU,EAAE,EAAE;gBACd,2BAA2B,eACtB,CAAC,OAAO,GAAG,CAAC,IAAI;oBACjB,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;iBAChB,CAAC,CACH;aACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|
@@ -21,7 +21,7 @@ var makeListLayoutStyling_1 = __importDefault(require("./makeListLayoutStyling")
|
|
21
21
|
var defaultProps_1 = __importDefault(require("./defaultProps"));
|
22
22
|
var ListLayout = function (_a) {
|
23
23
|
var children = _a.children, columns = _a.columns;
|
24
|
-
var styles = (0, makeListLayoutStyling_1.default)();
|
24
|
+
var styles = (0, makeListLayoutStyling_1.default)(columns);
|
25
25
|
var renderChild = function (child, index) {
|
26
26
|
return ((0, jsx_runtime_1.jsx)(Grid_1.default, __assign({ item: true, xs: 12, sm: 12 / columns, "data-testid": "grid-".concat(index), css: styles.item }, { children: child }), index));
|
27
27
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"ListLayout.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/ListLayout/ListLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,4DAAwC;AACxC,iCAA6B;AAE7B,kFAA4D;AAE5D,gEAA0C;AAQ1C,IAAM,UAAU,GAAmB,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IACrD,IAAM,MAAM,GAAG,IAAA,+BAAqB,
|
1
|
+
{"version":3,"file":"ListLayout.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/ListLayout/ListLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAEA,4DAAwC;AACxC,iCAA6B;AAE7B,kFAA4D;AAE5D,gEAA0C;AAQ1C,IAAM,UAAU,GAAmB,UAAC,EAAqB;QAAnB,QAAQ,cAAA,EAAE,OAAO,aAAA;IACrD,IAAM,MAAM,GAAG,IAAA,+BAAqB,EAAC,OAAO,CAAC,CAAC;IAC9C,IAAM,WAAW,GAAG,UAAC,KAAgB,EAAE,KAAa;QAClD,OAAO,CACL,uBAAC,cAAM,aACL,IAAI,QAEJ,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,GAAG,OAAO,iBACH,eAAQ,KAAK,CAAE,EAC5B,GAAG,EAAE,MAAM,CAAC,IAAI,gBAEf,KAAK,KAND,KAAK,CAOH,CACV,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,cAAM,aACL,SAAS,QACT,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,MAAM,CAAC,SAAS,iBACT,uBAAuB,gBAElC,IAAA,YAAG,EAAC,QAAQ,EAAE,WAAW,CAAC,IACpB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
|
@@ -1,7 +1,18 @@
|
|
1
1
|
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
2
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
14
|
var react_1 = require("@emotion/react");
|
4
|
-
var makeListLayoutStyling = function () {
|
15
|
+
var makeListLayoutStyling = function (columns) {
|
5
16
|
return {
|
6
17
|
container: (0, react_1.css)({
|
7
18
|
'&.MuiGrid-container.MuiGrid-spacing-xs-1': {
|
@@ -13,10 +24,10 @@ var makeListLayoutStyling = function () {
|
|
13
24
|
item: (0, react_1.css)({
|
14
25
|
'&.MuiGrid-item': {
|
15
26
|
paddingTop: 12,
|
16
|
-
'@media (min-width: 430px)': {
|
27
|
+
'@media (min-width: 430px)': __assign({}, (columns > 1 && {
|
17
28
|
paddingLeft: 6,
|
18
29
|
paddingRight: 6,
|
19
|
-
},
|
30
|
+
})),
|
20
31
|
},
|
21
32
|
}),
|
22
33
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"makeListLayoutStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/ListLayout/makeListLayoutStyling.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"makeListLayoutStyling.js","sourceRoot":"","sources":["../../../../../src/Experiments/CRO-584/Organisms/ListLayout/makeListLayoutStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAAqC;AAErC,IAAM,qBAAqB,GAAG,UAAC,OAAe;IAC5C,OAAO;QACL,SAAS,EAAE,IAAA,WAAG,EAAC;YACb,0CAA0C,EAAE;gBAC1C,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,WAAW;gBACnB,QAAQ,EAAE,GAAG;aACd;SACF,CAAC;QACF,IAAI,EAAE,IAAA,WAAG,EAAC;YACR,gBAAgB,EAAE;gBAChB,UAAU,EAAE,EAAE;gBACd,2BAA2B,eACtB,CAAC,OAAO,GAAG,CAAC,IAAI;oBACjB,WAAW,EAAE,CAAC;oBACd,YAAY,EAAE,CAAC;iBAChB,CAAC,CACH;aACF;SACF,CAAC;KACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
|